/* ══════════════════════════════════════════════════════════════════════
   Shared typography tokens — family roles from the design system.
   Linked before each page's own styles so they can use these variables.

   Playfair Display  English editorial / display headings   600, 700
   Inter             English body and interface             400–700
   Noto Serif Deva.  Hindi / Sanskrit display headings      600, 700
   Noto Sans Deva.   Hindi body and utility text            400–600

   Devanagari fallbacks sit inside each stack, so a Hindi word inside an
   English line picks up the matching Devanagari face automatically.
   ══════════════════════════════════════════════════════════════════════ */
:root {
  --font-display:      'Playfair Display', 'Noto Serif Devanagari', Georgia, serif;
  --font-ui:           'Inter', 'Noto Sans Devanagari', 'Helvetica Neue', Arial, sans-serif;
  --font-deva-display: 'Noto Serif Devanagari', 'Playfair Display', serif;
  --font-deva:         'Noto Sans Devanagari', 'Inter', sans-serif;

  /* Type scale — one size per role, fluid from 320px to 1440px.
     Use these instead of per-page pixel values so the same role
     (eyebrow, card title, button…) looks identical on every page. */
  --fs-h1:      clamp(2.25rem, 1.6rem + 3vw, 4rem);         /* 36 → 64 */
  --fs-h2:      clamp(1.5rem, 1.2rem + 1.4vw, 2.5rem);      /* 24 → 40 */
  --fs-h3:      clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);   /* 20 → 26 */
  --fs-body:    clamp(1rem, 0.95rem + 0.25vw, 1.125rem);    /* 16 → 18 */
  --fs-card:    1rem;                                       /* card / overlay copy */
  --fs-button:  0.875rem;                                   /* 14 */
  --fs-caption: 0.8125rem;                                  /* 13 */
  --fs-eyebrow: clamp(0.75rem, 0.72rem + 0.1vw, 0.8125rem); /* 12 → 13 */
  --fs-deva-label: 0.875rem;                                /* small Devanagari, never below 14 */

  --ls-eyebrow: 0.16em;
  --ls-button:  0.08em;
}