/* ============================================================
   PARKNHA — TYPOGRAPHY TOKENS
   Brand face: Comfortaa (rounded geometric) for ALL English text.
   Arabic: GE SS Two (Light) — see fonts.css note on substitution.
   ============================================================ */

:root {
  /* Families */
  --font-brand: "Comfortaa", "Segoe UI", system-ui, sans-serif;
  --font-body:  "Comfortaa", "Segoe UI", system-ui, sans-serif;
  --font-arabic:"GE SS Two", "Comfortaa", system-ui, sans-serif;
  --font-mono:  "Comfortaa", ui-monospace, "SF Mono", Menlo, monospace;

  /* Weights — Comfortaa ships 300/400/500/600/700 */
  --fw-light:    300; /* @kind other */
  --fw-regular:  400; /* @kind other */
  --fw-medium:   500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold:     700; /* @kind other */

  /* Type scale (rem, 1rem = 16px). Comfortaa runs visually small + wide,
     so headings lean large and weights stay medium/bold. */
  --fs-display:  2.75rem; /* 44px hero */
  --fs-h1:       2rem;    /* 32px */
  --fs-h2:       1.5rem;  /* 24px */
  --fs-h3:       1.25rem; /* 20px */
  --fs-title:    1.125rem;/* 18px section/card titles */
  --fs-body:     1rem;    /* 16px */
  --fs-sm:       0.875rem;/* 14px */
  --fs-xs:       0.75rem; /* 12px labels/meta */

  /* Line heights — generous, the rounded face needs air */
  --lh-tight:   1.15; /* @kind other */
  --lh-snug:    1.3;  /* @kind other */
  --lh-normal:  1.5;  /* @kind other */
  --lh-relaxed: 1.65; /* @kind other */

  /* Letter spacing — Comfortaa is wide; tighten display, open caps labels */
  --ls-tight:  -0.01em; /* @kind other */
  --ls-normal: 0;       /* @kind other */
  --ls-wide:   0.04em;  /* @kind other */
  --ls-caps:   0.08em;  /* @kind other */

  /* Semantic roles */
  --text-display-weight: var(--fw-bold);    /* @kind other */
  --text-heading-weight: var(--fw-bold);    /* @kind other */
  --text-body-weight:    var(--fw-regular); /* @kind other */
  --text-label-weight:   var(--fw-semibold);/* @kind other */
}