/* ═══════════════════════════════════════════════════════════════════ VIVID PUNCTUATION · Tier 3 tokens ─────────────────────────────────────────────────────────────────── Three vivid tokens per theme — punctuation, not paint. ≤ 5–10 % of page area, ever. Sanctioned hits: 1. Hero number on a metric card → --vivid 2. Primary CTA fill → --vivid 3. Highlighted chart bar → --vivid 4. Live status dot → --vivid --vivid-2 / --vivid-3 for categorical moments only (≤ 3 series). Load after components.css: Tag root: Version 1.0 · Locked · April 2026 ═══════════════════════════════════════════════════════════════════ */ /* ─── MOSS ───────────────────────────────────────────────────────── */ [data-accent="moss"] { --vivid: #256E48; /* lichen */ --vivid-2: #A03636; /* poppy */ --vivid-3: #1A6472; /* wet stone */ } [data-accent="moss"][data-theme="night"] { --vivid: #4FBE85; /* phosphor */ --vivid-2: #E26464; /* rowan */ --vivid-3: #4FB0C2; /* river */ } /* ─── HONEY ──────────────────────────────────────────────────────── */ [data-accent="honey"] { --vivid: #C4862C; /* marigold */ --vivid-2: #A23418; /* sumac */ --vivid-3: #6E882C; /* olive leaf */ } [data-accent="honey"][data-theme="night"] { --vivid: #F5BE5C; /* lamplight */ --vivid-2: #E2664A; /* ember */ --vivid-3: #B0CC55; /* spring */ } /* ─── IRIS ───────────────────────────────────────────────────────── */ [data-accent="iris"] { --vivid: #623096; /* bloom */ --vivid-2: #B04258; /* coral */ --vivid-3: #3C6E45; /* fern */ } [data-accent="iris"][data-theme="night"] { --vivid: #B07AE0; /* twilight */ --vivid-2: #EE7A98; /* dawn */ --vivid-3: #6CB07E; /* fern moon */ } /* ─── RUST ───────────────────────────────────────────────────────── */ [data-accent="rust"] { --vivid: #B0421A; /* ember */ --vivid-2: #A22B58; /* hibiscus */ --vivid-3: #256388; /* desert sky*/ } [data-accent="rust"][data-theme="night"] { --vivid: #F07A48; /* sunset */ --vivid-2: #E26090; /* hibiscus */ --vivid-3: #5BA8CC; /* dawn sky */ } /* ─── SLATE ──────────────────────────────────────────────────────── */ [data-accent="slate"] { --vivid: #1A78B0; /* kingfisher */ --vivid-2: #B0832A; /* lake gold */ --vivid-3: #3C6F4A; /* reed */ } [data-accent="slate"][data-theme="night"] { --vivid: #4FB0DE; /* dawn water */ --vivid-2: #ECC458; /* lamplight */ --vivid-3: #6CB47E; /* reed moon */ } /* ─── CINNABAR ───────────────────────────────────────────────────── */ [data-accent="cinnabar"] { --vivid: #9E2018; /* vermilion */ --vivid-2: #B07C1A; /* saffron */ --vivid-3: #24563B; /* pine */ } [data-accent="cinnabar"][data-theme="night"] { --vivid: #E8554A; /* ember */ --vivid-2: #EAB650; /* saffron */ --vivid-3: #5AA078; /* pine moon */ }