/* SVAP Group — typografie. Technický grotesk + mono labely. Žádný serif. */
:root {
  --font-display: "Space Grotesk", "Archivo", system-ui, sans-serif;
  --font-body: "Inter Tight", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Display — velké, těžké, těsné */
  --display-weight: 700;
  --display-leading: 1.05;
  --display-tracking: -0.02em;
  --text-display-xl: 64px;   /* hero */
  --text-display-l: 44px;    /* sekce */
  --text-display-m: 30px;    /* podsekce */
  --text-display-s: 22px;    /* karty */

  /* Body — hutné odstavce, kratší řádky */
  --text-body-l: 18px;
  --text-body-m: 16px;
  --text-body-s: 14px;
  --body-leading: 1.55;
  --measure: 62ch;

  /* Mono labels — eyebrow, štítky, popisky */
  --label-size: 12px;
  --label-weight: 500;
  --label-tracking: 0.2em;   /* uppercase */

  /* Čísla-důkazy */
  --stat-size: 72px;
  --stat-weight: 700;
  --stat-tracking: -0.03em;
}

body {
  font-family: var(--font-body);
  font-size: var(--text-body-m);
  line-height: var(--body-leading);
  color: var(--text-body);
  background: var(--surface-page);
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
  font-family: var(--font-display);
  font-weight: var(--display-weight);
  line-height: var(--display-leading);
  letter-spacing: var(--display-tracking);
  margin: 0;
}

a {
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
a:hover { text-decoration-color: var(--ink); }