/* ============================================================
   TJ Creative Hub — Type tokens
   Fonts are loaded from Google Fonts CDN (see note in readme.md —
   binary self-hosting wasn't fetchable in this environment; flag
   to user if self-hosted files are preferred).
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..900&family=Inter:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;600;700&family=Noto+Sans+Telugu:wght@400;700&family=Roboto+Mono:wght@400;500&display=swap');

:root{
  /* ---------- font families ---------- */
  --font-display: 'Archivo', system-ui, sans-serif;      /* headlines, eyebrows, badges — Latin/numeric */
  --font-body: 'Inter', system-ui, sans-serif;            /* body/UI — web & artifacts */
  --font-mono: 'Roboto Mono', ui-monospace, monospace;    /* data, metrics, timecodes */
  --font-devanagari: 'Noto Sans Devanagari', 'Inter', sans-serif;  /* Hindi/Marathi */
  --font-telugu: 'Noto Sans Telugu', 'Inter', sans-serif;

  /* ---------- Archivo variable-width stops (font-variation-settings 'wdth') ---------- */
  --wdth-headline: 78; /* @kind other */      /* h1 territory titles */
  --wdth-subhead: 84; /* @kind other */       /* route/section titles */
  --wdth-eyebrow: 115; /* @kind other */      /* tracked-caps eyebrow, badges */
  --wdth-normal: 100; /* @kind other */

  /* ---------- weight scale ---------- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-heavy: 800;   /* headline default */
  --weight-black: 900;

  /* ---------- size scale (Latin/UI baseline) ---------- */
  --text-eyebrow: 11px;
  --text-caption: 12px;
  --text-body-sm: 13.5px;
  --text-body: 15px;
  --text-body-lg: 17px;
  --text-h3: 22px;
  --text-h2: clamp(26px, 3.6vw, 38px);
  --text-h1: clamp(38px, 6.4vw, 72px);
  --text-display: clamp(34px, 5.4vw, 58px);

  /* ---------- Indic scaling (§3 of brand doc) ----------
     +10–12.5% size vs Latin; drop one weight at small sizes;
     line-height 1.5–1.6 instead of 1.4 */
  --text-body-devanagari: 17px;   /* 15px * 1.12 */
  --text-caption-devanagari: 14px;
  --line-height-latin: 1.4;
  --line-height-indic: 1.55;

  /* ---------- tracking ---------- */
  --tracking-eyebrow: .20em;
  --tracking-tight: .01em;
  --tracking-normal: normal;
}