/* Generated by DesignSystem/build.js from tokens.json. Do not edit: change tokens.json and run the build. */
@import url("https://cdn.jsdelivr.net/npm/@fontsource/metropolis@5/300.css");
@import url("https://cdn.jsdelivr.net/npm/@fontsource/metropolis@5/400.css");
@import url("https://cdn.jsdelivr.net/npm/@fontsource/metropolis@5/500.css");
@import url("https://cdn.jsdelivr.net/npm/@fontsource/metropolis@5/600.css");
@import url("https://cdn.jsdelivr.net/npm/@fontsource/metropolis@5/700.css");
:root {
  --ds-font: "Metropolis", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --ds-w-light: 300; --ds-w-regular: 400; --ds-w-medium: 500; --ds-w-semibold: 600; --ds-w-bold: 700;
  --ds-size-body: 14px; --ds-size-small: 12px; --ds-size-chart: 11px; --ds-size-h1: 20px; --ds-size-h2: 14px;
  --ds-page: #f9f9f7; --ds-surface: #fcfcfb; --ds-card: #f0efec; --ds-ink: #0b0b0b; --ds-ink2: #52514e; --ds-muted: #898781; --ds-soft: #6b6a66; --ds-line: #e1e0d9; --ds-band: #c3c2b7; --ds-border: rgba(11, 11, 11, 0.10); --ds-accent: #2a78d6; --ds-accent2: #eb6834;
  --ds-series-1: #2a78d6; --ds-series-2: #eb6834; --ds-series-3: #0b0b0b; --ds-series-4: #eda100; --ds-series-5: #898781; --ds-series-6: #1baf7a;
  --ds-signal-good: #009245; --ds-signal-warn: #eda100; --ds-signal-bad: #e34948;
  --ds-radius: 6px; --ds-radius-card: 10px;
}
@media (prefers-color-scheme: dark) { :root.ds-auto-dark { --ds-page: #0d0d0d; --ds-surface: #1a1a19; --ds-card: #232322; --ds-ink: #ffffff; --ds-ink2: #c3c2b7; --ds-muted: #898781; --ds-soft: #a09f99; --ds-line: #2c2c2a; --ds-band: #4a4a47; --ds-border: rgba(255, 255, 255, 0.10); --ds-accent: #3987e5; --ds-accent2: #f07d4f; } }