/* Konkordanz — Reset + Grundlagen. Setzt tokens.css voraus. */
*, *::before, *::after { box-sizing: border-box; }
html, body, h1, h2, h3, h4, p, ul, ol, figure { margin: 0; }
ul, ol { padding: 0; list-style: none; }

body {
  font-family: var(--font-ui);
  font-size: var(--fs-md);
  line-height: var(--lh);
  color: var(--c-text);
  background: var(--c-bg);
  -webkit-font-smoothing: antialiased;
}

h1 { font-size: var(--fs-2xl); font-weight: var(--fw-bold); letter-spacing: -.02em; }
h2 { font-size: var(--fs-xl); font-weight: var(--fw-bold); }
h3 { font-size: var(--fs-lg); font-weight: var(--fw-semibold); }

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

/* Zahlen/Beträge: Monospace, rechtsbündig */
.mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }

/* Sichtbarer Fokusring für Tastatur-Bedienung */
:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 2px; }

.label { font-size: var(--fs-xs); letter-spacing: .04em; text-transform: uppercase; color: var(--c-text-faint); font-weight: var(--fw-semibold); }