/* Shared by the marketing site and the approve queue. */
@font-face {
  font-family: "Antonio";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("fonts/antonio-500.woff2") format("woff2");
}
@font-face {
  font-family: "Familjen Grotesk";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/familjen-grotesk-400.woff2") format("woff2");
}
@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("fonts/geist-mono-400.woff2") format("woff2");
}

:root {
  /* Option A. Orange is only the mark, the primary button, Strong, and the selected clip edge. */
  --bg: #141311;
  --ink: #141311;
  --panel: #1b1a18;
  --ink2: #1b1a18;
  --raised: #232120;
  --paper: #efe8da;
  --paper2: #e4dccb;
  --tx: #f3eee4;
  --mu: #9a9387;
  --p1: #22d3ee;
  --p2: #f472b6;
  --p3: #a3e635;
  --hot: #ff5a1f;
  --line: #2e2c29;
  --bad: #f43f5e;
  --d: Antonio, "Bebas Neue", "Oswald", Impact, sans-serif;
  --s: "Familjen Grotesk", "Hanken Grotesk", Inter, system-ui, sans-serif;
  --m: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --font-display: var(--d);
  --font-body: var(--s);
  --font-mono: var(--m);
  --radius: 0px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 28px;
  --space-7: 40px;
  --space-8: 64px;
  --space-9: 96px;
  --section: 96px;
}