/* base.css — reset, typography, body */

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

body {
  font-family: var(--font-sans);
  font-size: var(--fs-13);
  line-height: 1.5;
  color: var(--text-0);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

h1, h2, h3 { font-family: var(--font-sans); font-weight: 600; letter-spacing: -0.01em; margin: 0; }
h1 { font-size: var(--fs-28); }
h2 { font-size: var(--fs-18); }
h3 { font-size: var(--fs-15); }

p { margin: 0; }

.display { font-family: var(--font-sans); }
.num { font-variant-numeric: tabular-nums; font-feature-settings: 'tnum'; }

a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; }