/* ========================================================================== Brand tokens — Furya (full band) ========================================================================== Load AFTER foundation.css. IMPORTANT — variant system: every current page sets data-mood="amber" on (index.html and our-story.html both do), so the values that actually render today are the "amber" overrides below, NOT the :root fallback values. Both are kept so the system stays truthful either way. ========================================================================== */ :root { /* Palette — fallback values (only apply if has no data-mood attr, which doesn't happen on any page today) */ --ink: #121110; --gold: #C9A24C; --teal: #2E7D79; --maroon: #7A2A34; --paper: #F1EAD9; /* NOTE: source CSS names this --warm-white; renamed here to --paper so the "light text on dark ink" role has the same token name in all 3 brands. See docs/inconsistencies.md. */ --slate: #8A8F98; /* identical value to Furya Group root — a genuinely shared neutral, not brand-specific drift */ /* Component-local surface shades, extracted from the current widget CSS */ --surface-raised: #1C1A18; --surface-sunken: #0A0A09; --surface-bubble: #1C1A18; /* Typography */ --font-body: 'Work Sans', sans-serif; --font-display: 'Archivo Black', sans-serif; /* Motion pacing (Furya-specific: ticker speed responds to data-energy) */ --ticker-duration: 60s; /* ---- Semantic roles ---------------------------------------------------- */ --color-surface-dark: var(--ink); --color-on-dark: var(--paper); --color-accent: var(--gold); --color-link: var(--maroon); --color-link-hover: var(--teal); --color-muted: var(--slate); } /* ---- Mood variant: reshapes the accent palette ------------------------- LIVE on every page today: data-mood="amber" Alternate available in the codebase: data-mood="maroon" (unused so far) */ body[data-mood="amber"] { --gold: #E3A83F; --teal: #B98A46; --maroon: #8C5A2E; } body[data-mood="maroon"] { --gold: #D6A94F; --teal: #5C2A33; --maroon: #A63B48; } /* ---- Texture variant: reshapes the hero background photo overlay ------- LIVE on the home page: data-texture="balanced" (falls through to the :root defaults below — "balanced" has no dedicated override block, it IS the default). our-story.html sets no data-texture at all (same default applies). */ :root { --tex-overlay-a: 0.5; --logo-brightness: 1.15; --logo-contrast: 1.2; } body[data-texture="faint"] { --tex-overlay-a: 0.78; --logo-brightness: 1.02; --logo-contrast: 1.05; } body[data-texture="immersive"] { --tex-overlay-a: 0.22; --logo-brightness: 1.28; --logo-contrast: 1.3; } /* ---- Energy variant: reshapes motion pacing ----------------------------- LIVE on the home page: data-energy="live" (faster ticker, pulsing logo). Alternate: data-energy="calm" (slower ticker, no logo pulse). NOTE: in the source CSS this was two full `animation:` shorthand redeclarations on .ticker-track (60s/120s/45s baked into each). Reduced here to one number that changes — .ticker-track itself now reads var(--ticker-duration) (still in furya/style.css — this component isn't shared with the other brands, so it stayed local rather than moving into design-system/components/). */ body[data-energy="calm"] { --ticker-duration: 120s; } body[data-energy="live"] { --ticker-duration: 45s; }