/* Verdict's direction (DESIGN.md): a sports-day poster. Chalk paper, heavy ink, one real rope.
   Every colour has one job, the same on every page:
     ink      text, lines and the main action
     NO       vermilion: the NO side, and nothing else
     YES      cobalt: the YES side, and nothing else
     pot      gold: the pot (money that will be paid out), and nothing else
     hemp     the rope */
@font-face { font-family: "Big Shoulders"; src: url("/fonts/bigshoulders.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("/fonts/instrument.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("/fonts/jbmono.woff2") format("woff2"); font-weight: 100 800; font-display: swap; }

:root {
  color-scheme: light;

  --bg: #f1eee4;
  --bg-2: #e8e4d6;
  --surface: #f9f7f0;
  --surface-2: #ffffff;

  --line: rgba(20, 19, 15, 0.12);
  --line-2: rgba(20, 19, 15, 0.26);

  --ink: #14130f;
  --ink-2: #413f37;
  --muted: #696659;

  --accent: #14130f;
  --on-accent: #f6f3ea;

  --no: #df4120;
  --yes: #1746e0;
  --pot: #f2b01e;
  --hemp: #cfa970;
  --hemp-d: #9c7740;
  --hemp-l: #e9cd9c;

  --good: #1c7a4b;
  --bad: #bf2e17;
  --warn: #8a5d00;

  --font-display: "Big Shoulders", "Arial Narrow", Impact, sans-serif;
  --font-text: "Instrument Sans", 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-tracking: -0.005em;

  --r-sm: 6px;
  --r: 10px;
  --r-lg: 14px;
  --r-pill: 9px;
  --border: 1px solid var(--line);
  --shadow: 0 1px 0 rgba(20, 19, 15, 0.05);

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 140ms;
  --t: 280ms;

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