/* ============================================================ Noctua — Accent variations The default brand accent is Pipeline Green (defined in colors.css). These optional scopes remap the entire green/brand scale to an alternate accent WITHOUT touching the warm ink + cream foundation. Components reference the green scale + --brand tokens, so flipping one attribute reskins every CTA, eyebrow, link, and chart. Usage: (or on any wrapper element) Semantic states (success / warning / danger) are intentionally left alone — "qualified" stays green everywhere for legibility. ============================================================ */ /* ---- Signal Blue — calm, infrastructural, "always-on systems" ---- */ [data-accent="signal"] { --green-900: #0A2E4D; --green-700: #0F4A78; --green-600: #155E96; --green-500: #1E76B8; --green-400: #2E97D8; --green-300: #79C0E8; --green-200: #BBE0F4; --green-100: #E2F1FB; --green-50: #F0F8FD; --shadow-accent: 0 12px 32px rgba(21, 94, 150, 0.24); --ring: 0 0 0 3px #BBE0F4; } /* ---- Clay — warm, hospitable, "human operator" (matches the clay secondary) ---- */ [data-accent="clay"] { --green-900: #5A2410; --green-700: #8A3D18; --green-600: #B0531F; --green-500: #CC6B33; --green-400: #E08545; --green-300: #ECB088; --green-200: #F6D8C0; --green-100: #FBEADD; --green-50: #FDF5EF; --shadow-accent: 0 12px 32px rgba(176, 83, 31, 0.24); --ring: 0 0 0 3px #F6D8C0; } /* ---- Indigo Night — premium, technical, leans into the nocturnal owl ---- */ [data-accent="indigo"] { --green-900: #211A4D; --green-700: #352B85; --green-600: #473BA8; --green-500: #5E50C8; --green-400: #7E72DC; --green-300: #ABA3EC; --green-200: #D2CDF6; --green-100: #ECE9FB; --green-50: #F5F3FD; --shadow-accent: 0 12px 32px rgba(71, 59, 168, 0.24); --ring: 0 0 0 3px #D2CDF6; }