/* VOLT design system — extracted from the "VOLT Daylight" mockups. See 07_FRONTEND.md §2. All colors must go through these variables. */ :root { /* surfaces */ --bg: #F0EBE1; --surface: #FFFFFF; --surface-2: #FBF8F2; --surface-3: #F7F3EB; --surface-4: #F4EFE6; /* text (contrast bumped for readability on the cream surfaces) */ --text: #17191f; --text-2: #524f47; --text-muted: #7d7a6e; --text-faint: #97938a; /* brand (gold) */ --gold: #B7842A; --gold-light: #E7C476; --gold-deep: #8a6116; --gold-ink: #9c701f; --on-gold: #2a1d08; /* market semantics */ --up: #0E9D6B; --down: #DC4A4F; --accent: #3568C4; --violet: #6B4EE0; --orange: #E08A3C; /* borders (slightly stronger for definition) */ --border: rgba(58, 44, 16, .18); --border-soft: rgba(58, 44, 16, .11); /* typography */ --font-display: 'Bricolage Grotesque', system-ui, sans-serif; --font-wordmark: 'Cinzel', 'Times New Roman', serif; --font-body: 'Hanken Grotesk', system-ui, sans-serif; --font-mono: 'JetBrains Mono', monospace; /* radius & shadow */ --radius: 5px; --radius-lg: 8px; --shadow-card: 0 30px 70px -36px rgba(40, 30, 12, .4); --shadow-gold: 0 16px 40px -16px rgba(183, 132, 42, .6); /* ink plates (nav chips, steles) — themes may warm or darken this */ --plate: #f6efe2; } /* ── Shop themes (cosmetics bought with Volts — see shop_service.py). Applied by base.html as from the equipped cosmetic. Only the surface/text/border tokens shift; market semantics (up/down) and the gold brand stay untouched so charts and P&L stay instantly readable. */ /* 🌙 Minuit — black sun over dark water, like the shop seal. Warm obsidian + lamp gold. Not a generic blue-gray "dark mode". */ [data-theme="midnight"] { --bg: #0e0c0a; --surface: #1a1612; --surface-2: #221c16; --surface-3: #2a221a; --surface-4: #32281e; --text: #f3ead8; --text-2: #c4b59a; --text-muted: #8e8068; --text-faint: #6e6352; --accent: #d4a84a; --border: rgba(212, 168, 74, .22); --border-soft: rgba(212, 168, 74, .12); --shadow-card: 0 30px 70px -36px rgba(0, 0, 0, .88); --gold-ink: #d4a84a; --gold-deep: #e0b85a; --plate: #1c1814; } /* 🌅 Aurore — first light on the Aegean, matching the temple seal. Terracotta + apricot, never the purple-on-pink that used to sit here. */ [data-theme="aurora"] { --bg: #F3D8C0; --surface: #FFF6EC; --surface-2: #FBE6D0; --surface-3: #F4D4B8; --surface-4: #EBC8A4; --text: #2A160C; --text-2: #6B3E28; --text-muted: #8C5E44; --text-faint: #A87A60; --accent: #C24E2E; --border: rgba(110, 42, 18, .22); --border-soft: rgba(110, 42, 18, .13); --shadow-card: 0 30px 70px -36px rgba(140, 40, 10, .4); --gold-ink: #B56A22; --plate: #F8E2C8; } /* 🏆 Or pur — hammered coin, everything the light touches is gold */ [data-theme="gold"] { --bg: #E8D4A0; --surface: #FFF8E4; --surface-2: #F7E6B8; --surface-3: #F0D898; --surface-4: #E6CC84; --text: #2A1C08; --text-2: #6B4E18; --text-muted: #8A6A28; --text-faint: #A88840; --accent: #B7842A; --border: rgba(120, 80, 10, .32); --border-soft: rgba(120, 80, 10, .16); --shadow-card: 0 30px 70px -36px rgba(120, 70, 8, .55); --shadow-gold: 0 16px 44px -14px rgba(183, 132, 42, .8); --gold-ink: #9A6414; --plate: #F3E0A4; }