/* ========================================================================== xBoom — WooCommerce Card Styles Global product-card redesign. Scoped to .xbm-woo to outrank Salient. Works with both template-override (.xbm-card markup) and CSS-only fallback (native WooCommerce / WC-block markup). ========================================================================== */ /* ---------- Fonts (expect theme to load these already; fallback only) ----- */ @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Inter:wght@400;450;500;600&display=swap'); /* ========================================================================== 1 · WRAPPER + TOKENS ========================================================================== */ /* Tokens ONLY — safe to inherit onto because they're just variables, not visual properties. Descendants that reference them get the design system regardless of whether `.xbm-woo` is on the body or a nested wrapper. */ .xbm-woo { --xbm-bg: #f4f3ee; --xbm-bg-card: #ffffff; --xbm-bg-soft: #ecebe4; --xbm-line: rgba(10,10,10,0.12); --xbm-line-2: rgba(10,10,10,0.22); --xbm-line-3: rgba(10,10,10,0.40); --xbm-fg: #0a0a0a; --xbm-fg-mute: #55554d; --xbm-fg-dim: #8a8a82; --xbm-accent: #ff4a1c; --xbm-accent-hov: #e63d10; --xbm-star: #f5a623; --xbm-oos: #8a8a82; --xbm-mono: 'JetBrains Mono', ui-monospace, monospace; --xbm-display: 'Space Grotesk', system-ui, sans-serif; --xbm-body: 'Inter', system-ui, sans-serif; } /* Visual treatment applies ONLY when .xbm-woo is a dedicated wrapper element (either the PHP-injected
or the JS-injected one around