/* ============================================================
   AFRY — Typography tokens
   Typeface: Campton Neue (brand, self-hosted OTF).
   Fallback: Arial (per brand guidelines, for office docs).
   Large headlines = Light. Sub/body/captions = Regular. Emphasis = Bold.
   Left-aligned always (buttons excepted). Text in black or white only.
   ============================================================ */
:root {
  /* Families */
  --font-sans: 'Campton Neue', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  --font-fallback: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Weights (Campton Neue range) */
  --weight-thin: 100;
  --weight-extralight: 200;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Type scale — proportional, base-derived (headline / 2 / 3 / 4).
     Built on a fluid-friendly fixed ramp for UI + editorial. */
  --text-display: 60px;  /* large headline — use Light */
  --text-h1: 44px;
  --text-h2: 30px;       /* sub headline — base/2 */
  --text-h3: 24px;
  --text-h4: 20px;       /* body lead — base/3 */
  --text-body: 17px;
  --text-body-sm: 15px;
  --text-caption: 13px;  /* captions — base/4 */
  --text-overline: 12px;

  /* Line-height — tight headlines, generous body */
  --leading-tight: 1.0;   /* headlines */
  --leading-snug: 1.1;    /* sub headlines / default starting point */
  --leading-normal: 1.45; /* body */
  --leading-relaxed: 1.6;

  /* Letter-spacing — tight headlines, looser body */
  --tracking-headline: -0.025em; /* -2.5% */
  --tracking-tight: -0.01em;
  --tracking-normal: 0em;
  --tracking-wide: 0.02em;
  --tracking-brand: 0.06em; /* "AFRY" in running text + overlines */
}