:root {
  color-scheme: light;
  --page: #f5f7fa; --surface: #ffffff; --soft: #e6eef3; --ink: #25334a;
  --muted: #55657a; --accent: #315e78; --on-accent: #fff; --line: #cbd6df;
  --danger: #a02d39; --danger-bg: #fff0f1; --focus: #227da5;
  --font: 'Avenir Next', 'Trebuchet MS', system-ui, sans-serif;
  --radius: 18px; --space: 8px;
  font-family: var(--font); background: var(--page); color: var(--ink);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #151f2b; --surface: #1e2b3a; --soft: #283d4d; --ink: #edf3f8;
  --muted: #b5c5d5; --accent: #a4d0e6; --on-accent: #122a3b; --line: #435567;
  --danger: #ffb6c0; --danger-bg: #482832; --focus: #a4d0e6;
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 280px; min-height: 100dvh; }
noscript { display: block; margin: 3rem; }