/* ============================================================
   Videorize — Typography Tokens
   Display: Qanelas Soft ExtraBold (chunky, matches logo)
   UI/Body: Outfit (variable)
   ============================================================ */
:root {
  /* Families */
  --font-display: "Qanelas Soft", "Outfit", system-ui, sans-serif;
  --font-sans: "Outfit", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;

  /* Weights (Outfit is variable 100–900; Qanelas is 800 only) */
  --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-black: 800;    /* @kind font */

  /* Type scale (px) */
  --fs-display-2xl: 88px;
  --fs-display-xl:  68px;
  --fs-display-lg:  52px;
  --fs-h1: 40px;
  --fs-h2: 32px;
  --fs-h3: 25px;
  --fs-h4: 20px;
  --fs-lg: 18px;
  --fs-md: 16px;
  --fs-sm: 14px;
  --fs-xs: 12.5px;
  --fs-2xs: 11px;

  /* Line heights */
  --lh-tight: 1.02;    /* @kind other */
  --lh-snug: 1.15;     /* @kind other */
  --lh-heading: 1.2;   /* @kind other */
  --lh-body: 1.55;     /* @kind other */
  --lh-relaxed: 1.7;   /* @kind other */

  /* Letter spacing */
  --ls-display: -0.02em; /* @kind other */
  --ls-tight: -0.01em;   /* @kind other */
  --ls-normal: 0;        /* @kind other */
  --ls-wide: 0.04em;     /* @kind other */
  --ls-caps: 0.12em;     /* @kind other */
}