/* ===========================================================
   TasteBud — Typography
   Serif carries emotion, sans does the work.
   Headlines: Playfair Display (Canela stand-in). Use the italic
   on the ONE word that carries the most emotion.
   Body/UI: DM Sans. Labels/eyebrows/tags: JetBrains Mono.
   =========================================================== */

:root {
  /* ---- Families ---- */
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;   /* headlines */
  --font-sans:  'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /* body + UI */
  --font-mono:  'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace; /* labels, tags */

  /* ---- Display / heading scale (fluid, matches the website) ---- */
  --type-h1:    clamp(2.65rem, 7.75vw, 6.4rem);   /* hero */
  --type-h2:    clamp(2.25rem, 5.4vw, 4.5rem);    /* section */
  --type-h3:    clamp(1.5rem, 2.25vw, 2rem);      /* sub-section */
  --type-h4:    1.45rem;                           /* card / block title */

  /* ---- Body scale ---- */
  --type-lead:  clamp(1.08rem, 1.3vw, 1.22rem);   /* intro / hero sub */
  --type-body:  1rem;                              /* default */
  --type-small: 0.92rem;                           /* dense UI */
  --type-caption:0.78rem;                          /* captions / meta */

  /* ---- Eyebrow / label (mono) ---- */
  --type-eyebrow: 0.7rem;                          /* uppercase mono labels */

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

  /* ---- Leading ---- */
  --leading-tight:  1.02;   /* display */
  --leading-snug:   1.25;
  --leading-normal: 1.5;    /* body */
  --leading-relaxed:1.55;

  /* ---- Tracking ---- */
  --tracking-display: -0.025em;  /* big serif */
  --tracking-tight:   -0.015em;
  --tracking-eyebrow:  0.2em;    /* mono labels */
}