:root { --bg: #faf7f0; --surface: #ffffff; --ink: #142640; --muted: #42506a; --line: #e6e0d2; --field-line: #8a93a3; --primary: #142640; --primary-ink: #ffffff; --accent: #0a7c66; --accent-ink: #ffffff; --accent-tint: #dff1eb; --accent-text: #0a6a57; --blue: #2f5da8; --blue-tint: #e6eef9; --mark: #f2c230; --mark-ink: #142640; --mark-tint: #fdf3d3; --mark-text: #6b4e00; --logo-check: #111111; --logo-tile: #faf7f0; --logo-ink: #142640; --band: #142640; --band-ink: #e9eef7; --band-muted: #b8c4d8; --error: #b3261e; --display: "IBM Plex Serif", Georgia, serif; --body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif; --mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace; --radius-xs: 3px; --radius-sm: 8px; --radius-md: 14px; --radius-lg: 20px; --radius-xl: 28px; --radius-pill: 999px; color-scheme: light; }
:root[data-theme="dark"] { --bg: #0f1726; --surface: #172238; --ink: #ecf0f6; --muted: #a8b3c5; --line: #2a3850; --field-line: #6b7a92; --primary: #ecf0f6; --primary-ink: #142640; --accent: #3fb59b; --accent-ink: #0b1513; --accent-tint: #15302b; --accent-text: #7fd6c0; --blue: #8fb3f0; --blue-tint: #1b2a45; --mark: #f2c230; --mark-ink: #142640; --mark-tint: #352d14; --mark-text: #f2d675; --logo-check: #111111; --logo-tile: #faf7f0; --logo-ink: #142640; --band: #0a1120; --band-ink: #e9eef7; --band-muted: #a8b3c5; --error: #f2b8b5; color-scheme: dark; }