/* Dantoon — Typography tokens
 * Bitter (serif slab) = wordmark + display + editorial headings.
 * Jost (geometric sans) = UI, subtext, and the brand's signature LETTER-SPACED labels.
 * Noto Serif Kannada = bilingual lockups / signage only.
 */
:root {
  /* ---- Families ---- */
  --font-serif:  "Bitter", "Georgia", "Times New Roman", serif;
  --font-sans:   "Jost", "Futura", "Century Gothic", system-ui, sans-serif;
  --font-kannada: "Noto Serif Kannada", "Bitter", serif;

  --font-display: var(--font-serif);
  --font-body:    var(--font-sans);
  --font-label:   var(--font-sans);

  /* ---- Weights ---- */
  --fw-light:    300; /* @kind font */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-black:    800; /* @kind font */

  /* ---- Type scale (rem, 16px base) ---- */
  --text-2xs: 0.6875rem;  /* 11px — micro labels */
  --text-xs:  0.75rem;    /* 12px — labels */
  --text-sm:  0.875rem;   /* 14px — captions, meta */
  --text-base:1rem;       /* 16px — body */
  --text-md:  1.125rem;   /* 18px — lead body */
  --text-lg:  1.375rem;   /* 22px — small heading */
  --text-xl:  1.75rem;    /* 28px — heading */
  --text-2xl: 2.25rem;    /* 36px — section title */
  --text-3xl: 3rem;       /* 48px — page title */
  --text-4xl: 4.25rem;    /* 68px — display */
  --text-5xl: 6rem;       /* 96px — hero wordmark */

  /* ---- Line heights ---- */
  --leading-tight:   1.05;
  --leading-snug:    1.2;
  --leading-normal:  1.5;
  --leading-relaxed: 1.7;

  /* ---- Letter spacing ---- *
   * The identity leans on WIDE tracking for its uppercase Jost labels. */
  --tracking-tightest: -0.02em;
  --tracking-tight:    -0.01em;
  --tracking-normal:   0;
  --tracking-wide:     0.08em;
  --tracking-wider:    0.16em;   /* signature label tracking */
  --tracking-widest:   0.28em;   /* over-line / eyebrow tracking */
}

/* ---- Convenience utility classes ---- */
.t-eyebrow {
  font-family: var(--font-label);
  font-weight: var(--fw-medium);
  font-size: var(--text-2xs);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-muted);
}
.t-label {
  font-family: var(--font-label);
  font-weight: var(--fw-medium);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
}
.t-wordmark {
  font-family: var(--font-serif);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-tight);
  line-height: 1;
}
.t-display {
  font-family: var(--font-serif);
  font-weight: var(--fw-semibold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
}
.t-tagline {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: var(--fw-regular);
}