/* Pivot brand: generated by scripts/brand-tokens.mjs from brand/design-system/tokens.json. Do not edit by hand. */
@font-face { font-family: "Archivo"; src: url(/fonts/archivo.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Archivo Condensed"; src: url(/fonts/archivo-condensed.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }
/* the product is dark; the light set is for print, email and documents */
:root, [data-theme="dark"] {
  --signal: #ff5210;
  --signal-press: #d9400a;
  --signal-ink: #ff5210;
  --on-signal: #050505;
  --ground: #050505;
  --surface: #121214;
  --surface-raised: #1a1a1d;
  --line: #232327;
  --line-strong: #63666d;
  --ink: #ffffff;
  --fog: #a3a6ad;
  --steel: #7a7d85;
  --up: #2fd27a;
  --out: #f2384b;
  --questionable: #ffc21a;
  --glow: 0 12px 32px -12px rgba(255, 82, 16, 0.55);
  --focus: 0 0 0 2px #050505, 0 0 0 4px #ff5210;
  color-scheme: dark;
}
[data-theme="light"] {
  --signal: #ff5210;
  --signal-press: #d9400a;
  --signal-ink: #c2410c;
  --on-signal: #050505;
  --ground: #ffffff;
  --surface: #f4f4f5;
  --surface-raised: #ffffff;
  --line: #e2e2e6;
  --line-strong: #8a8d94;
  --ink: #050505;
  --fog: #55585f;
  --steel: #6b6e75;
  --up: #12804a;
  --out: #c8102e;
  --questionable: #8a6200;
  --glow: 0 8px 20px -10px rgba(255, 82, 16, 0.45);
  --focus: 0 0 0 2px #ffffff, 0 0 0 4px #c2410c;
  color-scheme: light;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-icon: 22.5%;
  --font-display: Archivo, "Helvetica Neue", Arial, sans-serif;
  --font-condensed: "Archivo Condensed", "Arial Narrow", sans-serif;
  --font-ui: -apple-system, "SF Pro Text", system-ui, Roboto, Archivo, sans-serif;
}