/* Theme contract: override only these semantic tokens to match another site. Typography, palette, surfaces, borders, radii and layout live here. Dark mode is opt-in via ; no automatic switch yet. */ :root { color-scheme: light; --font-body: "Inter", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; --font-brand: "Iowan Old Style", "Palatino Linotype", Georgia, serif; --font-number: "Inter", "Segoe UI", sans-serif; --font-size: 16px; --color-bg: #fff; --color-sidebar: #fafafa; --color-surface: #f6f6f7; --color-surface-hover: #efeff1; --color-text: #24262b; --color-muted: #737780; --color-line: #e8e9ec; --color-accent: #4663d5; --color-accent-soft: #eff2fc; --color-primary: #25272c; --color-on-primary: #fff; --color-focus: #7188df; --color-warning-bg: #fff7e8; --color-warning: #875c17; --color-error: #b93c43; --radius-sm: 6px; --radius-md: 10px; --sidebar-width: 180px; --content-width: 1160px; --space-section: 34px; } :root[data-theme="dark"] { color-scheme: dark; --color-bg: #17191c; --color-sidebar: #131518; --color-surface: #202328; --color-surface-hover: #292d34; --color-text: #e7e9ee; --color-muted: #a0a6b2; --color-line: #30343b; --color-accent: #a0b2ff; --color-accent-soft: #29324c; --color-primary: #e1e5ee; --color-on-primary: #191c22; --color-focus: #a0b2ff; --color-warning-bg: #342b1c; --color-warning: #efc374; --color-error: #ff989d; }