/* Generated by scripts/design/generate-design-tokens.ts.
   Edit design/tokens.css, then run pnpm design:tokens:generate. */
:root {
  --dx-bg-a: #f7f7f5;
  --dx-bg-b: #eaeae8;
  --dx-paper: #fdfdfc;
  --dx-ink: #171717;
  --dx-ink-soft: #55534e;
  --dx-ink-faint: #8c8983;
  --dx-line: #d6d3cb;
  --dx-line-soft: #e4e2db;
  --dx-focus-ring: #007a76;
  --dx-brand-secondary: #8a6b2e;
  --dx-brand-secondary-text: #7c5d25;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --dx-bg-a: #171717;
    --dx-bg-b: #222221;
    --dx-paper: #1d1d1c;
    --dx-ink: #f7f7f5;
    --dx-ink-soft: #b3b0a8;
    --dx-ink-faint: #7e7b74;
    --dx-line: #34332f;
    --dx-line-soft: #272725;
    --dx-focus-ring: #45a9a5;
    --dx-brand-secondary: #c9a65f;
    --dx-brand-secondary-text: #c9a65f;
    color-scheme: dark;
  }
}