/* ═══════════════════════════════════════════════════════════════════ FLUENT RUSH — ACCENT PALETTES ─────────────────────────────────────────────────────────────────── Five runtime-switchable accent palettes. Each preserves the same 9 token names but assigns different values. Swap by applying a palette- class to ; the default (Sunset · Teal · Turquoise) lives on base :root, no class required. ASSUMPTION: The spec called for sp_theme + theme-, but the app already uses those names for its light/dark/a11y chrome themes (see setAppTheme in 00-main.js). To avoid clobbering, this palette layer uses sp_palette + palette-. The two systems are orthogonal — a user may pick chrome + palette independently. ═══════════════════════════════════════════════════════════════════ */ /* Default — Sunset · Teal · Turquoise Mood: warm sunset gradient anchored by cool teal/turquoise accents. */ :root { --sunset: linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%); --sunset-rose: #ff6b6b; --sunset-amber: #f9a826; --teal-deep: #0f766e; --teal: #14b8a6; --teal-light: #2dd4bf; --turquoise: #06b6d4; --turquoise-bright: #22d3ee; --turquoise-soft: #67e8f9; } /* Aurora — violet / magenta / electric blue. Mood: neon aurora, cool night sky with vivid ribbons of color. */ :root.palette-aurora { --sunset: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%); --sunset-rose: #f472b6; --sunset-amber: #a855f7; --teal-deep: #1e3a8a; --teal: #3b82f6; --teal-light: #60a5fa; --turquoise: #2563eb; --turquoise-bright: #38bdf8; --turquoise-soft: #93c5fd; } /* Forest — moss / sage / gold accent. Mood: morning forest, earthy greens grounded by warm gold highlights. */ :root.palette-forest { --sunset: linear-gradient(135deg, #65a30d 0%, #eab308 100%); --sunset-rose: #ca8a04; --sunset-amber: #eab308; --teal-deep: #14532d; --teal: #16a34a; --teal-light: #4ade80; --turquoise: #059669; --turquoise-bright: #10b981; --turquoise-soft: #6ee7b7; } /* Ember — deep red / copper / warm gold. Mood: low firelight, smoldering coals and polished copper. */ :root.palette-ember { --sunset: linear-gradient(135deg, #b91c1c 0%, #f59e0b 100%); --sunset-rose: #dc2626; --sunset-amber: #d97706; --teal-deep: #7c2d12; --teal: #c2410c; --teal-light: #ea580c; --turquoise: #92400e; --turquoise-bright: #d97706; --turquoise-soft: #fbbf24; } /* Monochrome — neutral grayscale with a single slate accent. Mood: quiet studio, pencil-on-paper restraint. */ :root.palette-mono { --sunset: linear-gradient(135deg, #475569 0%, #94a3b8 100%); --sunset-rose: #64748b; --sunset-amber: #94a3b8; --teal-deep: #1e293b; --teal: #334155; --teal-light: #64748b; --turquoise: #475569; --turquoise-bright: #64748b; --turquoise-soft: #94a3b8; }