/* ======================================================================== * Design tokens. Switch the entire visual identity by changing * . Templates and app.css reference only var(--*). * ====================================================================== */ :root { /* Default = "paper" — warm editorial. */ --bg: #faf6ef; --bg-soft: #f1ead9; --fg: #1a1a1a; --fg-muted: #5b5750; --accent: #c2410c; --accent-fg: #ffffff; --border: #d8d0bd; --shadow: 0 1px 2px rgba(20, 16, 6, 0.06), 0 4px 12px rgba(20, 16, 6, 0.05); --radius: 10px; --font-head: "Charter", "Iowan Old Style", "Georgia", "PT Serif", serif; --font-body: "Inter", "Helvetica Neue", "Arial", sans-serif; --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace; --line: 1.55; --measure: 68ch; } [data-theme="diia"] { --bg: #ffffff; --bg-soft: #f4f7fb; --fg: #0a1f44; --fg-muted: #4a5a78; --accent: #1f5bff; --accent-fg: #ffffff; --border: #d9e1ee; --shadow: 0 1px 2px rgba(10, 31, 68, 0.05), 0 6px 16px rgba(10, 31, 68, 0.06); --radius: 6px; --font-head: "Inter", "Helvetica Neue", "Arial", sans-serif; --font-body: "Inter", "Helvetica Neue", "Arial", sans-serif; } [data-theme="paper"] { /* Same as :root — keep explicit for clarity. */ --bg: #faf6ef; --bg-soft: #f1ead9; --fg: #1a1a1a; --fg-muted: #5b5750; --accent: #c2410c; --accent-fg: #ffffff; --border: #d8d0bd; --font-head: "Charter", "Iowan Old Style", "Georgia", "PT Serif", serif; --font-body: "Inter", "Helvetica Neue", "Arial", sans-serif; } [data-theme="punch"] { --bg: #fffef7; --bg-soft: #fff7d6; --fg: #1a1a1a; --fg-muted: #57534e; --accent: #1d4ed8; --accent-fg: #ffffff; --border: #facc15; --shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 8px 24px rgba(29, 78, 216, 0.08); --radius: 14px; --font-head: "Manrope", "Inter", "Helvetica Neue", sans-serif; --font-body: "Manrope", "Inter", "Helvetica Neue", sans-serif; }