/* ============================================================
   ECHTE STARS — Typography tokens
   Two families: Anton (condensed display, always UPPERCASE) and Inter
   (everything else). Scale copied from the CI-Book "Typografie Playbook":
     H1  Anton Regular · 120px      H5  Inter Medium · 25px
     H2  Anton Regular · 64px       H6  Inter Bold · 19px
     H3  Anton Regular · 35px       P   Inter Regular · 16px
     H3  Inter Bold · 35px          Label/Tag  Inter Regular · 14px
                                    Caption    Inter Medium · 12px
   ============================================================ */

:root {
  --font-display: "Anton", "Anton Fallback", Impact, sans-serif;
  --font-text: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-logo-accent: "Montserrat", var(--font-text); /* italic ECHTE STARS wordmark */

  /* Display (Anton) — font sizes */
  --fs-h1: 120px; /* @kind font */
  --fs-h2: 64px; /* @kind font */
  --fs-h3-display: 35px; /* @kind font */
  /* Headings & text (Inter) — font sizes */
  --fs-h3: 35px; /* @kind font */
  --fs-h5: 25px; /* @kind font */
  --fs-h6: 19px; /* @kind font */
  --fs-body: 16px; /* @kind font */
  --fs-label: 14px; /* @kind font */
  --fs-caption: 12px; /* @kind font */

  /* Line heights */
  --lh-h1: 1.0; /* @kind other */
  --lh-h2: 1.02; /* @kind other */
  --lh-h3-display: 1.05; /* @kind other */
  --lh-h3: 1.1; /* @kind other */
  --lh-h5: 1.2; /* @kind other */
  --lh-h6: 1.3; /* @kind other */
  --lh-body: 1.6; /* @kind other */
  --lh-label: 1.4; /* @kind other */
  --lh-caption: 1.5; /* @kind other */

  /* Weights */
  --fw-regular: 400; /* @kind other */
  --fw-medium: 500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold: 700; /* @kind other */

  /* Tracking */
  --tracking-display: 0.005em; /* @kind other */
  --tracking-eyebrow: 0.14em; /* @kind other */
  --tracking-tight: -0.01em; /* @kind other */
}