/* ===========================================================================
   Buro Inzicht — Typography tokens
   Headings: Fraunces (high-contrast serif, optical display cut), weight 700.
   Body:     DM Sans (clean geometric grotesque), weight 400.
   Type scale is responsive: base values are mobile, *-lg are ≥992px desktop.
   =========================================================================== */

:root {
  /* --- Families ---------------------------------------------------------- */
  --font-heading: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

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

  /* --- Type scale · mobile (default) ------------------------------------- */
  --text-h1: 3rem;       /* 48px */
  --text-h2: 2.75rem;    /* 44px */
  --text-h3: 2rem;       /* 32px */
  --text-h4: 1.5rem;     /* 24px */
  --text-h5: 1.25rem;    /* 20px */
  --text-h6: 1.125rem;   /* 18px */
  --text-large: 1.125rem;
  --text-medium: 1rem;
  --text-regular: 0.875rem;
  --text-small: 0.75rem;
  --text-tiny: 0.625rem;

  /* --- Line heights ------------------------------------------------------ */
  --leading-h1: 1.1;
  --leading-h2: 1.2;
  --leading-h3: 1.2;
  --leading-h4: 1.3;
  --leading-h5: 1.3;
  --leading-h6: 1.4;
  --leading-body: 1.5;

  /* --- Tracking ---------------------------------------------------------- */
  --tracking-heading: -0.01em;  /* headings tighten slightly */
  --tracking-body: 0;
}

/* --- Type scale · desktop (≥992px) --------------------------------------- */
@media (min-width: 992px) {
  :root {
    --text-h1: 5.25rem;   /* 84px */
    --text-h2: 3.75rem;   /* 60px */
    --text-h3: 3rem;      /* 48px */
    --text-h4: 2.5rem;    /* 40px */
    --text-h5: 2rem;      /* 32px */
    --text-h6: 1.625rem;  /* 26px */
    --text-large: 1.625rem;
    --text-medium: 1.25rem;
    --text-regular: 1.125rem;
    --text-small: 1rem;
    --text-tiny: 0.75rem;
  }
}