/* ========================================================================== Brand tokens — Furya Group (root/umbrella site) ========================================================================== Load AFTER foundation.css. No variant system on this site today — it renders a single, fixed look (no data-mood/data-energy/etc. on ). ========================================================================== */ :root { /* Palette — as named in the existing codebase */ --ink: #14171B; --paper: #ECE7DD; --brass: #B8863B; --teal: #2E4A55; --slate: #8A8F98; /* Component-local surface shades, extracted from the current widget CSS */ --surface-raised: #1C2026; /* wa-popup-header */ --surface-sunken: #0E1013; /* wa-popup-body */ --surface-bubble: #1C2229; /* wa-msg-bubble */ /* Typography */ --font-body: 'Inter', sans-serif; --font-display: 'Space Grotesk', sans-serif; /* brand-mark, hero h1 */ --font-display-alt: 'Archivo Black', sans-serif; /* .card-title only */ /* ---- Semantic roles ---------------------------------------------------- Shared components (components/whatsapp-widget.css, components/lightbox.css) read ONLY these — never the brand-named variables above directly. This is what lets one component file work correctly across all three brands. */ --color-surface-dark: var(--ink); --color-on-dark: var(--paper); --color-accent: var(--brass); --color-link: var(--teal); --color-link-hover: var(--brass); --color-muted: var(--slate); }