/* ══════════════════════════════════════════ Adviso — non-colour design tokens, base typography, theme toggle Colour tokens (--teal, --gold, --warning, --bg, --text-*, --cream, --warning-light, --steel, --sage, --rose, --border, --sidebar-*, and their dark-mode overrides) are emitted by inside App.razor's . Source of truth: src/Adviso.Web/Theme/AdvisoPalette.cs — add or change colour values there, not here. This file carries only what isn't a palette colour: fonts, border radii, box shadows, and transitions, plus the global typography reset and the sun/moon theme-toggle icon visibility rules. ══════════════════════════════════════════ */ :root { --font-display: 'Playfair Display', Georgia, serif; --font-body: 'DM Sans', -apple-system, system-ui, sans-serif; /* Tagline lockup only (Cormorant Garamond) — not for UI text */ --font-tagline: 'Cormorant Garamond', Georgia, serif; --radius: 14px; --shadow: 0 2px 12px rgba(0,0,0,0.05); --shadow-hover: 0 6px 24px rgba(0,0,0,0.08); --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); } /* Dark-mode shadow tweaks (colour overrides live in AdvisoPaletteStyles). */ html.theme-dark { --shadow: 0 2px 12px rgba(0,0,0,0.4); --shadow-hover: 0 6px 24px rgba(0,0,0,0.5); } /* Base +1px for rem-based typography (MudBlazor, relative units) */ html { font-size: 17px; } html, body { font-family: var(--font-body); margin: 0; padding: 0; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6, .mud-typography-h1, .mud-typography-h2, .mud-typography-h3, .mud-typography-h4, .mud-typography-h5, .mud-typography-h6 { font-family: var(--font-display) !important; } /* ── Theme toggle icon swap (sun ↔ moon) ── */ .theme-toggle { position: relative; } .theme-icon-dark { display: none; } .theme-icon-light { display: block; } html.theme-dark .theme-icon-light { display: none; } html.theme-dark .theme-icon-dark { display: block; } html.theme-dark body { background: var(--bg); color: var(--text-primary); }