/* =================================================================== FiscalPath — Theme tokens Direction 01 "Rising Path" · Emerald + Indigo Ink DARK MODE IS THE DEFAULT. Light is opt-in via [data-theme="light"]. =================================================================== */ :root { /* ---- Brand accent (emerald) ---------------------------------- */ --fp-emerald-200: #A7F3D0; /* mint — subtle tints, highlights */ --fp-emerald-300: #6EE7B7; --fp-emerald-400: #34D399; /* accent on DARK (default) + hover */ --fp-emerald-500: #10B981; /* PRIMARY brand color (emerald-500) */ --fp-emerald-600: #059669; /* pressed / accent on LIGHT */ --fp-emerald-700: #047857; --fp-ink: #20223F; /* indigo ink — logo + text on light */ --fp-mint: #A7F3D0; --fp-paper: #F4F8F7; /* off-white */ /* ---- Semantic accent aliases -------------------------------- */ --fp-accent: var(--fp-emerald-500); --fp-accent-strong: var(--fp-emerald-400); /* use on dark surfaces */ --fp-accent-press: var(--fp-emerald-600); /* Back-compat: the old code uses var(--blue) everywhere. Repointing it to emerald themes those usages with zero edits. (Rename to --fp-accent later when convenient.) */ --blue: #10B981; --amber: #F59E0B; /* secondary accent — unchanged */ --fp-amber-bright: #FBBF24; /* =========================================================== DEFAULT THEME = DARK =========================================================== */ --fp-bg: #0B1120; /* app background (current navy) */ --fp-surface: #131D2E; /* cards / panels */ --fp-surface-2: #1A2540; /* raised / nested */ --fp-border: rgba(255,255,255,0.07); --fp-text: #E7E9F2; --fp-text-muted: #9AA3B2; /* Wordmark colors on the default (dark) theme */ --fp-wordmark-fiscal: #FFFFFF; --fp-wordmark-path: var(--fp-emerald-400); /* --- OPTIONAL "fuller refresh": indigo-tuned dark surfaces ----- Removes the blue undertone that competes with emerald. Uncomment to use instead of the navy values above. --fp-bg: #0E1020; --fp-surface: #181A2E; --fp-surface-2: #20223F; --fp-border: rgba(255,255,255,0.08); ---------------------------------------------------------------- */ } /* =========================================================== OPT-IN LIGHT THEME -> =========================================================== */ [data-theme="light"] { --fp-bg: #F4F8F7; --fp-surface: #FFFFFF; --fp-surface-2: #EEF2F1; --fp-border: rgba(16,18,40,0.10); --fp-text: #20223F; --fp-text-muted: #5B6070; --fp-accent-strong: var(--fp-emerald-500); --fp-wordmark-fiscal: #20223F; --fp-wordmark-path: var(--fp-emerald-500); } /* ---- Wordmark helper ------------------------------------------ */ .fp-wordmark { font-family: 'Space Grotesk', 'Inter', sans-serif; font-weight: 700; letter-spacing: -0.02em; } .fp-wordmark .fiscal { color: var(--fp-wordmark-fiscal); } .fp-wordmark .path { color: var(--fp-wordmark-path); }