:root {
  color-scheme: light;
  --bg: #ffffff; --surface: #f3f5f4; --ink: #142c35; --muted: #52636a;
  --line: #dce2e2; --accent: #f9bf45; --accent-ink: #172e36;
  --dark: #142c35; --on-dark: #ffffff; --focus: #176bc4;
  --radius: 12px; --container: 1200px;
  --font: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #10232b; --surface: #19313a; --ink: #f0f5f5; --muted: #b5c6cd;
  --line: #37505a; --focus: #8dc6ff;
}