/* Acceler8 Labs — Typography tokens
   Display: Fjalla One (condensed, ALL CAPS punch headlines)
   Title / UI: Roboto (Black for titles, Medium/Bold for UI)
   Body: Raleway */
:root {
  --font-display: 'Fjalla One', 'Arial Narrow', sans-serif;
  --font-title:   'Roboto', system-ui, sans-serif;
  --font-body:    'Raleway', system-ui, sans-serif;

  /* Weights */
  --fw-body:      400; /* @kind font */
  --fw-medium:    500; /* @kind font */
  --fw-semibold:  600; /* @kind font */
  --fw-bold:      700; /* @kind font */
  --fw-black:     900; /* @kind font */

  /* Type scale (rem, 16px base) */
  --fs-display-2xl: 5.5rem;   /* hero poster headline */
  --fs-display-xl:  4rem;
  --fs-display-lg:  3rem;
  --fs-display-md:  2.25rem;
  --fs-h1:          2rem;     /* 32 — title font, Roboto Black */
  --fs-h2:          1.5rem;   /* 24 — subtitle */
  --fs-h3:          1.25rem;
  --fs-body-lg:     1.125rem;
  --fs-body:        1rem;     /* base */
  --fs-body-sm:     0.875rem; /* 14 — guideline body size */
  --fs-caption:     0.75rem;
  --fs-overline:    0.6875rem;

  /* Line heights */
  --lh-tight:   1.02; /* @kind font */
  --lh-snug:    1.18; /* @kind font */
  --lh-normal:  1.5; /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* Letter spacing */
  --ls-display:  -0.01em; /* @kind font */
  --ls-tight:    -0.02em; /* @kind font */
  --ls-normal:   0; /* @kind font */
  --ls-overline: 0.16em; /* @kind font */
  --ls-wide:     0.06em; /* @kind font */
}