:root {
  color-scheme: light;
  --background: #f3f5fa;
  --surface: #fff;
  --ink: #182237;
  --muted: #52627b;
  --line: #dce2ed;
  --accent: #254cba;
  --positive: #08734f;
  --danger: #9f2639;
  font: 15px/1.5 system-ui, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--background); color: var(--ink); }
h1, h2, p { margin: 0 0 .6rem; }
h1 { font-size: clamp(1.8rem, 4vw, 2.55rem); line-height: 1.15; letter-spacing: -.04em; }
h2 { font-size: 1.2rem; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
button, input, select, textarea { font: inherit; }
button, summary { cursor: pointer; }
:focus-visible { outline: 3px solid #637ff0; outline-offset: 2px; }
small { display: block; color: var(--muted); }