/* ============================================================
   CAPOEIRA — Typography tokens
   Display / headings:  Pocas (brand logotype font).
   Support / body / UI:  Roboto (brand support font, manual 1.8).
   Data / coordinates:   Roboto Mono (added for the geo platform).
   ============================================================ */
:root {
  /* ---------- Families ---------- */
  --font-display:   'Pocas', 'Arial Black', sans-serif;
  --font-condensed: 'Pocas Condensed', 'Arial Narrow', sans-serif;
  --font-expanded:  'Pocas Expanded', 'Pocas', sans-serif;
  --font-body:      'Roboto', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
  --font-mono:      'Roboto Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* ---------- Weights ---------- */
  --fw-thin: 100;       /* @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 */
  --fw-extrabold: 800;  /* @kind font */
  --fw-black: 900;      /* @kind font */

  /* ---------- Type scale (1.250 major-third-ish, tuned) ---------- */
  --text-2xs:  11px;
  --text-xs:   12px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-md:   17px;
  --text-lg:   20px;
  --text-xl:   24px;
  --text-2xl:  30px;
  --text-3xl:  38px;
  --text-4xl:  48px;
  --text-5xl:  62px;
  --text-6xl:  82px;

  /* ---------- Line heights ---------- */
  --leading-tight:   1.05;
  --leading-snug:    1.2;
  --leading-normal:  1.45;
  --leading-relaxed: 1.65;

  /* ---------- Letter spacing ---------- */
  --tracking-tighter: -0.03em;
  --tracking-tight:   -0.015em;
  --tracking-normal:  0em;
  --tracking-wide:    0.04em;
  --tracking-wider:   0.12em;  /* eyebrows / labels (uppercase) */
  --tracking-widest:  0.22em;

  /* ---------- Semantic roles ---------- */
  /* Display headings use Pocas; pair with tight leading + tight tracking */
  --role-display-font: var(--font-display);
  --role-display-weight: var(--fw-black);
  --role-heading-font: var(--font-display);
  --role-heading-weight: var(--fw-bold);
  --role-eyebrow-font: var(--font-body);
  --role-eyebrow-weight: var(--fw-bold);
  --role-body-font: var(--font-body);
  --role-body-weight: var(--fw-regular);
  --role-label-font: var(--font-body);
  --role-label-weight: var(--fw-medium);
  --role-data-font: var(--font-mono);
}