/* --------------------------------------------------------------------------- Ad Verbum design system tokens, v2. Vendored VERBATIM from the playbook (AD VERBUM UI Design System/tokens.css). Do not hand-edit values here: the playbook is the source of truth, so a fix goes there and is copied back into this file. Portal-specific additions live in app.css. --------------------------------------------------------------------------- */ /* Brand @font-face declarations (Inter variable + Poppins) live here so the token font families resolve within the compiled closure. */ /* fonts loaded via Google Fonts in the Playbook */ :root{ /* House White */ --hw-100:#FBFAF9; --hw-200:#F8F7F4; --hw-300:#F6F3F0; --hw-400:#F3F0EB; --hw-500:#F1EDE7; --hw-600:#C0BDB8; --hw-700:#908E8A; --hw-800:#605E5C; --hw-900:#302F2E; --hw-950:#252322; --hw-1000:#1A1918; /* Brown */ --brown-100:#E7E2DE; --brown-200:#CFC5BB; --brown-300:#A89384; --brown-400:#5D4F3B; --brown-500:#38260E; --brown-600:#2E1F0B; --brown-700:#241809; --brown-800:#1A1106; /* Orange */ --orange-100:#FCDECA; --orange-200:#F9C4A0; --orange-300:#F7AB78; --orange-400:#F5904C; --orange-500:#F37623; --orange-600:#C45B16; --orange-700:#92440F; /* Yellow */ --yellow-100:#FFF8CC; --yellow-200:#FFF191; --yellow-300:#FFEB60; --yellow-400:#FFE530; --yellow-500:#FFE000; --yellow-600:#CCB300; --yellow-700:#998500; /* Green */ --green-100:#DBE0D1; --green-200:#BEC8AD; --green-300:#A1AF87; --green-400:#869865; --green-500:#6A8042; --green-600:#556733; --green-700:#3F4C27; /* Sienna (error) */ --sienna-100:#F5D9CB; --sienna-200:#E5AB91; --sienna-300:#CC8260; --sienna-400:#B85A30; --sienna-500:#A83400; --sienna-600:#882A00; /* Violet */ --violet-100:#E0D1DB; --violet-300:#B07FA2; --violet-500:#7A546C; --violet-700:#57314A; /* Grape */ --grape-100:#D6D1E0; --grape-300:#9889B0; --grape-500:#5C4B7B; --grape-700:#3E3450; /* Blue */ --blue-100:#D1DBE0; --blue-300:#88A2B0; --blue-500:#4D6F84; --blue-700:#273F4C; /* Semantic */ --surface:#FFFFFF; --surface-alt:var(--hw-100); --bg:#E6E4DF; /* Stone — replaces the too-Claude beige */ --sidebar:var(--hw-100); --text:var(--brown-500); --text-soft:var(--brown-400); --text-mute:#9D9B96; --text-error:var(--sienna-500); --stroke:#E7E2DE; --stroke-soft:#F1EDE7; --btn-primary:var(--yellow-500); --btn-secondary:var(--hw-400); /* Fonts */ --font-body:'Golos Text', system-ui, sans-serif; --font-label:'Golos Text', system-ui, sans-serif; --font-mono:'Spline Sans Mono', ui-monospace, Menlo, monospace; /* Shadows */ --shadow-sm:0 1px 4px 0 rgba(0,0,0,0.05); --shadow-md:0 8px 24px -8px rgba(56,38,14,0.18), 0 2px 4px rgba(56,38,14,0.06); /* Radii */ --r-xs:6px; --r-sm:8px; --r-md:12px; --r-lg:14px; --r-xl:16px; } /* ── Dark mode · Warm Ink (DARK · 02) ────────────────────────────── The official dark theme. Neutral warm charcoal surfaces; the Golden Yellow CTA and semantic status colours carry over unchanged. Apply with . */ [data-theme="dark"]{ --surface:#252322; --surface-alt:#302F2E; --bg:#1A1918; --sidebar:#100F0E; --text:#F8F7F4; --text-soft:#C0BDB8; --text-mute:#8C8A86; --text-error:#E5AB91; --stroke:#3A3836; --stroke-soft:#302F2E; --btn-primary:var(--yellow-500); --btn-secondary:#302F2E; --shadow-sm:0 1px 4px 0 rgba(0,0,0,0.40); --shadow-md:0 10px 28px -8px rgba(0,0,0,0.65), 0 2px 4px rgba(0,0,0,0.45); }