/* ========================================================================== Design tokens — single source of truth for colors, fonts and radii. Names map 1:1 to config/theme.json keys (applied by js/core/theme.js): background → --color-bg surface → --color-surface surfaceMuted → --color-surface-muted textPrimary → --color-text-primary textSecondary → --color-text-secondary border → --color-border accent → --color-accent overlay → --color-overlay fonts.heading → --font-heading fonts.body → --font-body radius.md → --radius-md Values below are the static dark defaults (no-flash fallback); theme.js overrides them on at runtime. Component/template CSS must consume tokens only — never raw hex values. ========================================================================== */ :root { --color-bg: #0b0b0d; --color-surface: #151517; --color-surface-muted: #1d1d21; --color-text-primary: #f4f4f1; --color-text-secondary: #a8a8ae; --color-border: #26262b; --color-accent: #c2a061; --color-error: #e07a5f; --color-overlay: rgba(9, 9, 11, 0.74); --font-heading: "Helvetica Neue", "Segoe UI", Arial, "Microsoft YaHei", "PingFang SC", sans-serif; --font-body: "Segoe UI", "Helvetica Neue", Arial, "Microsoft YaHei", "PingFang SC", sans-serif; --radius-md: 14px; color-scheme: dark; }