/* ============================================================
   Grabstein's Bagels — Typography Tokens
   Big condensed type for impact. Helvetica for everything you read.
   Script is LOGO ONLY. Hand is for sparing graffiti notes.
   ============================================================ */
:root {
  /* —— Families —— */
  --font-display: 'Oswald', 'DIN Condensed', 'Arial Narrow', sans-serif;
  --font-body:    'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-script:  'Yellowtail', cursive;   /* logo / brand mark ONLY */
  --font-hand:    'Permanent Marker', cursive;        /* handwritten notes, sparing */

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

  /* —— Display scale (condensed, usually UPPERCASE) —— */
  --text-hero:     clamp(3.5rem, 9vw, 7rem);    /* BAGELS. SCHMEAR. */
  --text-display:  clamp(2.75rem, 6vw, 5rem);   /* section openers  */
  --text-h1:       clamp(2.25rem, 4.5vw, 3.5rem);
  --text-h2:       clamp(1.75rem, 3vw, 2.5rem);
  --text-h3:       1.5rem;
  --text-h4:       1.25rem;

  /* —— Body scale (Helvetica) —— */
  --text-lead:     1.25rem;   /* intro paragraphs */
  --text-body:     1rem;      /* 16px base */
  --text-sm:       0.875rem;
  --text-xs:       0.8125rem;

  /* —— Eyebrow / label (tracked-out caps) —— */
  --text-eyebrow:  0.875rem;

  /* —— Line heights —— */
  --lh-tight:   0.95;   /* @kind font */ /* stacked display headlines */
  --lh-snug:    1.1;    /* @kind font */
  --lh-body:    1.6;    /* @kind font */
  --lh-relaxed: 1.75;   /* @kind font */

  /* —— Letter spacing —— */
  --ls-display:  -0.01em;  /* condensed display, slight negative @kind font */
  --ls-tight:    -0.02em;  /* @kind font */
  --ls-eyebrow:  0.18em;   /* tracked-out caps labels @kind font */
  --ls-button:   0.08em;   /* @kind font */
}