/* ============================================================
   MSponsor — Typography tokens
   Satoshi  → display / headings / key messages (bold, dynamic)
   General Sans → body, UI, detailed info (Inter as system fallback)
   ============================================================ */

:root {
  /* Families */
  --font-display: "Satoshi", "General Sans", "Inter", system-ui, sans-serif;
  --font-body:    "General Sans", "Inter", system-ui, -apple-system, sans-serif;
  --font-ui:      "General Sans", "Inter", system-ui, sans-serif;

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

  /* Fluid display sizes (headlines use Satoshi Bold/Black) */
  --text-display-2xl: clamp(3.25rem, 6vw, 5rem);    /* hero */
  --text-display-xl:  clamp(2.5rem, 4.5vw, 3.75rem);
  --text-display-lg:  clamp(2rem, 3.4vw, 2.75rem);
  --text-display-md:  clamp(1.625rem, 2.4vw, 2.125rem);

  /* Headings */
  --text-h1: 2.5rem;
  --text-h2: 2rem;
  --text-h3: 1.5rem;
  --text-h4: 1.25rem;
  --text-h5: 1.0625rem;

  /* Body / UI */
  --text-lg:   1.125rem;
  --text-base: 1rem;
  --text-sm:   0.875rem;
  --text-xs:   0.75rem;
  --text-2xs:  0.6875rem;

  /* Line heights */
  --lh-tight:   1.05;  /* @kind font */
  --lh-snug:    1.2;   /* @kind font */
  --lh-heading: 1.15;  /* @kind font */
  --lh-normal:  1.5;   /* @kind font */
  --lh-relaxed: 1.65;  /* @kind font */

  /* Letter spacing */
  --ls-tighter: -0.03em;  /* @kind font */
  --ls-tight:   -0.015em; /* @kind font */
  --ls-normal:  0;        /* @kind font */
  --ls-wide:    0.02em;   /* @kind font */
  --ls-caps:    0.08em;   /* @kind font */
}