/* AUTO-GENERATED — do not edit directly.
   Source of truth: markdown/DESIGN.md's `colors:` block.
   Regenerate with: npm run build:site-tokens */
:root{
  --primary:#0052ff;
  --primary-active:#003ecc;
  --primary-disabled:#a8b8cc;
  --primary-tint:#e8efff;
  --primary-tint-dark:#7ea3ff;
  --ink:#0a0b0d;
  --body:#5b616e;
  --body-strong:#0a0b0d;
  --muted:#63686e;
  --muted-soft:#a8acb3;
  --hairline:#dee1e6;
  --hairline-soft:#eef0f3;
  --canvas:#ffffff;
  --surface-soft:#f7f7f7;
  --surface-card:#ffffff;
  --surface-strong:#eef0f3;
  --surface-dark:#0a0b0d;
  --surface-dark-elevated:#16181c;
  --on-primary:#ffffff;
  --on-dark:#ffffff;
  --on-dark-soft:#a8acb3;
  --up:#05b169;
  --up-tint:#e3f7ee;
  --down:#b3242f;
  --down-tint:#fbecec;
  --accent-yellow:#f4b000;
}