/* ============================================================
   Maitha Tech — Typography tokens
   Inter Tight everywhere. Playfair Display only on accent words.
   Scale lifted from the brand's web build (rem-based).
   ============================================================ */

:root {
  /* —— Families ——————————————————————————————————— */
  --font-sans:    "Inter Tight", "Helvetica Neue", Arial, sans-serif;
  --font-serif:   "Playfair Display", Georgia, "Times New Roman", serif;
  --font-accent:  var(--font-serif);  /* highlighted words in headings */

  /* —— Weights —————————————————————————————————— @kind font */
  --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 */

  /* —— Display & heading scale ————————————————————— */
  --fs-display:    4.5rem;     /* 72px — hero display        */
  --fs-h1:         2.5rem;     /* 40px                       */
  --fs-h2:         1.875rem;   /* 30px                       */
  --fs-h3:         1.625rem;   /* 26px                       */
  --fs-h4:         1.375rem;   /* 22px                       */
  --fs-h5:         1.125rem;   /* 18px                       */
  --fs-h6:         1.0625rem;  /* 17px                       */

  /* —— Body & utility ————————————————————————————— */
  --fs-body-lg:    1.0625rem;  /* 17px                       */
  --fs-body:       0.9375rem;  /* 15px — base body           */
  --fs-sub:        0.875rem;   /* 14px — eyebrow / caption    */
  --fs-button:     1rem;       /* 16px                        */

  /* —— Line heights ———————————————————————————— @kind font */
  --lh-display:    1.04;  /* @kind font */
  --lh-h1:         1.2;   /* @kind font */
  --lh-h2:         1.125; /* @kind font */
  --lh-h3:         1.167; /* @kind font */
  --lh-tight:      1.2;   /* @kind font */
  --lh-body:       1.625; /* @kind font */
  --lh-sub:        1.714; /* @kind font */

  /* —— Letter spacing —————————————————————————— @kind font */
  --ls-display:   -0.03em; /* @kind font */
  --ls-h1:        -0.03em; /* @kind font */
  --ls-h2:        -0.03em; /* @kind font */
  --ls-h3:        -0.03em; /* @kind font */
  --ls-tight:     -0.02em; /* @kind font */
  --ls-eyebrow:    0.1em;  /* @kind font */
  --ls-normal:     0;      /* @kind font */
}