/* * Voyqa design tokens — the single source of truth for color, type and * spacing (super-prompt section 8.3). Palette presets ("pearl" / "sky" / * "champagne") are switched by toggling the `data-palette` attribute on * , driven by HeroSceneConfig.palette_preset (see Design Lab). * Never hard-code these hex values anywhere else in the codebase. */ :root { --voyqa-pearl: #f6ece1; --voyqa-ivory: #fffaf4; --voyqa-cloud: #e9eef2; --voyqa-sky: #dceaf4; --voyqa-blue: #0f2d4d; --voyqa-blue-soft: #294966; --voyqa-gold: #b88a44; --voyqa-champagne: #dfbd7a; --voyqa-ink: #101d2a; --voyqa-muted: #66727d; --voyqa-line: rgba(201, 154, 69, 0.48); --voyqa-glass: rgba(255, 255, 255, 0.56); --voyqa-surface: var(--voyqa-pearl); --voyqa-surface-strong: var(--voyqa-ivory); --voyqa-accent: var(--voyqa-gold); --voyqa-shadow-soft: 0 20px 60px -25px rgba(16, 29, 42, 0.35); --voyqa-shadow-lift: 0 30px 80px -30px rgba(16, 29, 42, 0.45); --voyqa-radius-lg: 32px; --voyqa-radius-md: 20px; --voyqa-radius-sm: 12px; --voyqa-font-heading: "Cormorant Garamond", "Bodoni Moda", Georgia, serif; --voyqa-font-body: "Montserrat", "Inter", -apple-system, BlinkMacSystemFont, sans-serif; --voyqa-tracking-label: 0.14em; --voyqa-container-max: 1440px; --voyqa-gutter: clamp(20px, 4vw, 64px); --voyqa-z-header: 50; --voyqa-z-scene: 10; --voyqa-z-content: 20; --voyqa-z-panels: 30; --voyqa-z-bottom-nav: 60; --voyqa-z-consent: 100; } /* Sky preset: cooler, more azure-leaning surfaces. */ :root[data-palette="sky"] { --voyqa-surface: var(--voyqa-sky); --voyqa-surface-strong: #eef6fb; --voyqa-accent: var(--voyqa-gold); } /* Champagne preset: warmer, deeper gold saturation (still not casino-gold — super-prompt section 8.2 explicitly forbids saturated yellow gold). */ :root[data-palette="champagne"] { --voyqa-surface: var(--voyqa-ivory); --voyqa-surface-strong: #fff6e6; --voyqa-accent: var(--voyqa-champagne); } @media (prefers-color-scheme: dark) { :root { /* The brand is deliberately light/airy (section 8.2 forbids dark reinterpretations); dark mode only deepens the ink/backdrop slightly for OS-level contrast, it never flips to a black theme. */ --voyqa-ink: #0b1420; } }