/* Generated from design/tokens.json by bin/build-web-tokens.php. Do not edit. */
:root {
  --font-display: Gabarito, "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --display-xl-size: 40px;
  --display-xl-line: 44px;
  --display-xl-weight: 800;
  --display-size: 30px;
  --display-line: 36px;
  --display-weight: 800;
  --title-size: 22px;
  --title-line: 28px;
  --title-weight: 700;
  --heading-size: 18px;
  --heading-line: 24px;
  --heading-weight: 700;
  --body-size: 17px;
  --body-line: 26px;
  --body-weight: 400;
  --body-strong-size: 17px;
  --body-strong-line: 26px;
  --body-strong-weight: 700;
  --body-sm-size: 15px;
  --body-sm-line: 22px;
  --body-sm-weight: 400;
  --label-size: 13px;
  --label-line: 18px;
  --label-weight: 700;
  --caption-size: 13px;
  --caption-line: 18px;
  --caption-weight: 400;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --surface: #f5f7f8;
  --surface-raised: #ffffff;
  --slate-soft: #e2e8ed;
  --border: #c9d0d6;
  --border-strong: #848b92;
  --ink: #26241c;
  --ink-muted: #5c6067;
  --robin: #f2581f;
  --robin-strong: #c43c0f;
  --on-robin: #ffffff;
  --slate: #5f7486;
  --hedge: #2b7a4b;
  --amber: #8a5a00;
  --danger: #b3214a;
  --focus: #1f6fb2;
  --shadow-sheet: 0 -8px 24px rgba(38, 36, 28, 0.12);
}
@media (prefers-color-scheme: dark) {
  :root {
    --surface: #14171a;
    --surface-raised: #1d2125;
    --slate-soft: #33414d;
    --border: #4a525a;
    --border-strong: #78818a;
    --ink: #f1efe8;
    --ink-muted: #a6acb3;
    --robin: #ff6a33;
    --robin-strong: #ff7a45;
    --on-robin: #1a0f0a;
    --slate: #8fa3b5;
    --hedge: #5cc48a;
    --amber: #e8b04a;
    --danger: #ff6b8e;
    --focus: #7db6ea;
    --shadow-sheet: 0 -8px 24px rgba(0, 0, 0, 0.45);
  }
}