/*
  SwissEntry — Ergaenzungs-Tokens

  tokens.css (read-only) deklariert nur Farben, --tip und --sans als Custom
  Properties. Spacing, Radius, Schatten und Typografie sind dort nur im Kommentarblock benannt
  und in tokens.json unter space/radius/shadow/typography maschinenlesbar hinterlegt. Diese
  Datei ergaenzt genau diese dokumentierten Werte als benutzbare Custom Properties — additiv,
  keine Erfindung, keine Aenderung an tokens.css.

  Quelle: die tokens.json des Design-Systems (wörtlich uebernommen).
  Ladereihenfolge: nach tokens.css, vor swissentry.css (siehe index.html).
*/

:root {
  /* ---------- Spacing (tokens.json "space") ---------- */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 40px;
  --space-10: 48px;
  --space-11: 56px;
  --space-12: 64px;
  --space-13: 96px;

  /* ---------- Radius (tokens.json "radius") ---------- */
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-full: 50%;

  /* ---------- Schatten (tokens.json "shadow") ---------- */
  --shadow-sm: 0 1px 2px rgba(7, 27, 56, .10);

  /* ---------- Breakpoints (tokens.json "breakpoint") — NUR als Kommentar ----------
     Custom Properties funktionieren in @media-Bedingungen nicht (Sprachgrenze).
     sm: 700px, md: 1000px — bleiben als Literale in @media, siehe swissentry.css. */

  /* ---------- Typografie: Groessen-Skala (tokens.json "typography.scale") ---------- */
  --font-size-eyebrow: 12px;
  --font-size-rest: 14px;
  --font-size-klein: 15px;
  --font-size-body: 17px;
  --font-size-ziel: 17px;
  --font-size-h3: 20px;
  --font-size-h2: clamp(1.5rem, 3vw, 2.25rem);
  --font-size-h1: clamp(2rem, 4.4vw, 3rem);

  /* ---------- Typografie: Schriftschnitt (tokens.json "typography.weight") ---------- */
  --font-weight-regular: 400;
  --font-weight-bold: 700;

  /* ---------- Typografie: Zeilenhoehe (tokens.json "typography.leading") ---------- */
  --leading-h1: 1.05;
  --leading-h2: 1.12;
  --leading-h3: 1.3;
  --leading-body: 1.6;
  --leading-klein: 1.55;
  --leading-eyebrow: 1;
  --leading-ziel: 1.25;
  --leading-rest: 1.25;

  /* ---------- Typografie: Laufweite/Stretch (tokens.json "typography.stretch") ---------- */
  --stretch-normal: 100%;
  --stretch-signage-standard: 87%;
  --stretch-signage-gestaucht: 75%;

  /* ---------- Typografie: Zeichenabstand (tokens.json "typography.letterSpacing") ---------- */
  --letter-spacing-display: -0.005em;
  --letter-spacing-eyebrow: 0.16em;
}