/* yet.digital — Typography Tokens
 * Vorschlag: Space Grotesk für Display/Headings, Inter für Body, JetBrains Mono für Code.
 * Alle drei sind Open Source (Google Fonts / SIL OFL) und decken westliche & osteuropäische Schriftsysteme ab.
 */

:root {
  /* --- Font Families --- */
  --font-display: "Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;

  /* --- Type Scale (Major Third, 1.25) --- */
  --text-xs:    0.75rem;    /* 12px — Captions, Microcopy        */
  --text-sm:    0.875rem;   /* 14px — Body Small                  */
  --text-base:  1rem;       /* 16px — Body                        */
  --text-lg:    1.125rem;   /* 18px — Lead Paragraph              */
  --text-xl:    1.5rem;     /* 24px — H4                          */
  --text-2xl:   1.875rem;   /* 30px — H3                          */
  --text-3xl:   2.5rem;     /* 40px — H2                          */
  --text-4xl:   3.5rem;     /* 56px — H1                          */
  --text-5xl:   5rem;       /* 80px — Display                     */

  /* --- Weights --- */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold: 600;
  --weight-bold:    700;

  /* --- Line Heights --- */
  --leading-tight:   1.1;
  --leading-snug:    1.25;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* --- Letter Spacing --- */
  --tracking-tight:  -0.02em;  /* für große Display-Texte */
  --tracking-normal: 0;
  --tracking-wide:   0.05em;   /* für ALL-CAPS Eyebrows   */
}