/* Highvalor: design tokens.
   Wada combination 39: Carmine #cc1236 · Helvetia Blue #005b8d. Neutrals (near-black, greys, cool paper) are free.
   Carmine is the club: primary actions, wins, the Sixfold team. Helvetia blue is the second voice: links on paper,
   the Crownwake team, focus. Steelbout takes the ink colour. Neither is used for small text on near-black (both are
   under 4.5:1 there); on near-black, small text is white or grey and the colours are fills, bars and big type.
   Type: Saira Condensed (display, 40px and up only) + Saira (everything else).
   Shape: square corners; one notched corner on primary actions; angled section edges two or three times per page.
   Motion: quick and decisive in, calm at rest. One easing family. */
:root {
  --car: #cc1236;
  --hel: #005b8d;
  --white: #ffffff;
  --black: #000000;

  /* light: cool paper */
  --bg: #f1f1ef;
  --bg-2: #e6e6e3;
  --panel: #ffffff;
  --panel-2: #f7f7f5;
  --ink: #0c0d10;
  --ink-2: #26292f;
  --mute: #56575b;
  --line: rgb(12 13 16 / .13);
  --line-2: rgb(12 13 16 / .26);
  --accent: var(--car);
  --on-accent: #ffffff;
  --link: var(--hel);
  --focus: var(--hel);
  --win: var(--car);
  --tone-car: var(--car);
  --tone-hel: var(--hel);
  --tone-ink: #0c0d10;
  --tint-car: rgb(204 18 54 / .09);
  --tint-hel: rgb(0 91 141 / .1);
  --shadow: 0 24px 60px -30px rgb(12 13 16 / .35);
  --plate: #0c0d10;          /* jersey plates stay dark in both themes */
  --plate-ink: #ffffff;
  --plate-mute: #b9bdc6;

  /* the stage: film and dark bands stay dark in both themes */
  --stage: #07080a;
  --stage-2: #111318;
  --stage-ink: #ffffff;
  --stage-soft: #d4d7dd;
  --stage-mute: #a9aeb8;
  --stage-line: rgb(255 255 255 / .16);

  /* type */
  --display: "Saira Condensed", "Arial Narrow", sans-serif-condensed, sans-serif;
  --text: "Saira", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-mega: clamp(84px, 19.6vw, 400px);
  --fs-d1: clamp(56px, 8.6vw, 148px);
  --fs-d2: clamp(46px, 5.8vw, 96px);
  --fs-d3: clamp(40px, 3.8vw, 60px);
  --fs-h3: clamp(21px, 1.6vw, 25px);
  --fs-lead: clamp(18px, 1.35vw, 21px);
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 13px;

  /* space + shape */
  --edge: clamp(16px, 4vw, 64px);
  --max: 1520px;
  --gap: clamp(14px, 1.6vw, 24px);
  --sec: clamp(80px, 9vw, 152px);
  --sec-sm: clamp(48px, 5vw, 88px);
  --cut: clamp(22px, 3.4vw, 60px);
  --notch: 12px;
  --bar: 68px;

  /* motion */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --ease-io: cubic-bezier(.7, 0, .2, 1);
  --t: .5s;
  --t-fast: .22s;
  color-scheme: light;
}

html[data-theme="dark"] {
  --bg: #0a0b0e;
  --bg-2: #0f1115;
  --panel: #14161b;
  --panel-2: #1a1d23;
  --ink: #f2f3f5;
  --ink-2: #d2d5db;
  --mute: #a2a7b1;
  --line: rgb(255 255 255 / .11);
  --line-2: rgb(255 255 255 / .22);
  --link: #ffffff;
  --focus: #ffffff;
  --tone-ink: #f2f3f5;
  --tint-car: rgb(204 18 54 / .16);
  --tint-hel: rgb(0 91 141 / .22);
  --shadow: 0 30px 70px -30px rgb(0 0 0 / .8);
  --plate: #16181e;
  color-scheme: dark;
}