/* Generated from design-system/tokens.json by npm run build. */
:root {
  color-scheme: light;
  --tc-paper: #f6f8fc;
  --tc-surface: #ffffff;
  --tc-raised: #eef2f8;
  --tc-ink: #17243d;
  --tc-muted: #54647e;
  --tc-rule: #d5deed;
  --tc-control: #7588a8;
  --tc-accent: #254edb;
  --tc-accent-hover: #193bad;
  --tc-on-accent: #ffffff;
  --tc-tint: #eaf0ff;
  --tc-focus: #254edb;
  --tc-error: #a12d2d;
  --tc-error-surface: #fff1ef;
  --tc-grid: #d5deed;
  --tc-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --tc-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --tc-measure: 1240px;
  --tc-radius: 6px;
  --tc-space-1: 4px;
  --tc-space-2: 8px;
  --tc-space-3: 12px;
  --tc-space-4: 16px;
  --tc-space-6: 24px;
  --tc-space-8: 32px;
  --tc-space-12: 48px;
  --tc-space-16: 64px;
  --tc-space-24: 96px;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --tc-paper: #2b2e34;
  --tc-surface: #343840;
  --tc-raised: #3e434d;
  --tc-ink: #f3f5f8;
  --tc-muted: #c0c7d2;
  --tc-rule: #596270;
  --tc-control: #8b98ac;
  --tc-accent: #9bb5ff;
  --tc-accent-hover: #bed0ff;
  --tc-on-accent: #142242;
  --tc-tint: #353f57;
  --tc-focus: #bad0ff;
  --tc-error: #ffb4ae;
  --tc-error-surface: #47383c;
  --tc-grid: #596270;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --tc-paper: #2b2e34;
    --tc-surface: #343840;
    --tc-raised: #3e434d;
    --tc-ink: #f3f5f8;
    --tc-muted: #c0c7d2;
    --tc-rule: #596270;
    --tc-control: #8b98ac;
    --tc-accent: #9bb5ff;
    --tc-accent-hover: #bed0ff;
    --tc-on-accent: #142242;
    --tc-tint: #353f57;
    --tc-focus: #bad0ff;
    --tc-error: #ffb4ae;
    --tc-error-surface: #47383c;
    --tc-grid: #596270;
  }
}