/* Pump Prix: the pit wall at night. Carbon black, chalk paint, one papaya orange for racing and levels, one green for the
   pot's money. DESIGN.md is the source of truth for every value here. base.css and site.css only read these tokens. */

@font-face { font-family: "Rubik"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/rubik-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Rubik"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/rubik-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Rubik"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/rubik-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Saira"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/saira-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Saira"; font-style: italic; font-weight: 700; font-display: swap; src: url("/fonts/saira-latin-700-italic.woff2") format("woff2"); }
@font-face { font-family: "Saira"; font-style: italic; font-weight: 800; font-display: swap; src: url("/fonts/saira-latin-800-italic.woff2") format("woff2"); }
@font-face { font-family: "Saira"; font-style: italic; font-weight: 900; font-display: swap; src: url("/fonts/saira-latin-900-italic.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/jetbrains-mono-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/jetbrains-mono-latin-700-normal.woff2") format("woff2"); }

:root {
  color-scheme: dark;

  /* carbon, darkest well to raised panel */
  --bg: #0A0A0C;
  --bg-2: #050506;
  --surface: #121216;
  --surface-2: #1A1A20;

  /* painted hairlines, in chalk */
  --line: rgba(244, 242, 238, 0.08);
  --line-2: rgba(244, 242, 238, 0.15);
  --line-3: rgba(244, 242, 238, 0.25);

  /* chalk */
  --ink: #F4F2EE;
  --ink-2: #BDBAC4;
  --muted: #8D8A99;

  /* papaya: ONE meaning, race and level. The main action, the headline's second beat, the XP bar.
     --accent is the orange for text and marks on black (7.4:1); buttons fill with it under near-black text (7.4:1). */
  --accent: #FF6B1A;
  --accent-strong: #FF6B1A;
  --accent-deep: #A63A00;
  --accent-wash: rgba(255, 107, 26, 0.12);
  --on-accent: #0A0A0C;
  /* pot green: ONE meaning, the pot's money. Doubles as the good state. */
  --pot: #3DD68C;

  --good: #3DD68C;
  --bad: #FF5A4E;
  --warn: #F5B544;

  --font-display: "Saira", ui-sans-serif, system-ui, sans-serif;
  --font-text: "Rubik", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --display-weight: 900;
  --display-style: italic;
  --display-tracking: -0.01em;

  --r-sm: 8px;
  --r: 12px;
  --r-lg: 18px;
  --r-pill: 999px;
  --border: 1px solid var(--line);
  --shadow: 0 1px 0 rgba(244, 242, 238, 0.04) inset, 0 22px 50px -34px rgba(0, 0, 0, 0.95);

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 100ms;
  --t: 220ms;

  --wrap: 1240px;
  --gut: clamp(16px, 4vw, 40px);
  --top-h: 64px;

  /* the chequered flag strip: black and chalk, no extra colour */
  --check: repeating-conic-gradient(#F3F0E8 0 25%, #17161D 0 50%) 0 0 / 12px 12px;
}