/* Generated by scripts/tokens.ts from @almet/ui — do not edit by hand. */
:root {
  --bg: #f5f6f8;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --border: #e3e6eb;
  --border-strong: #b7bfcc;
  --text: #10141c;
  --text-muted: #5b6475;
  --text-faint: #8b94a5;
  --text-on-accent: #ffffff;
  --accent: #2f6bff;
  --accent-pressed: #1f55e6;
  --accent-soft: rgba(47, 107, 255, 0.16);
  --ok: #2ed47a;
  --ok-soft: rgba(46, 212, 122, 0.16);
  --info: #2f6bff;
  --warn: #ffb020;
  --warn-soft: rgba(255, 176, 32, 0.18);
  --critical: #e03e40;
  --critical-soft: rgba(255, 77, 79, 0.18);
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  color-scheme: light;
}
:root[data-theme='dark'] {
  --bg: #0b0e14;
  --surface: #141923;
  --surface-raised: #1b2230;
  --border: #252d3b;
  --border-strong: #3a4453;
  --text: #f2f4f7;
  --text-muted: #8b94a5;
  --text-faint: #5b6475;
  --text-on-accent: #f2f4f7;
  --accent: #2f6bff;
  --accent-pressed: #1f55e6;
  --accent-soft: rgba(47, 107, 255, 0.16);
  --ok: #2ed47a;
  --ok-soft: rgba(46, 212, 122, 0.16);
  --info: #4c8dff;
  --warn: #ffb020;
  --warn-soft: rgba(255, 176, 32, 0.18);
  --critical: #ff4d4f;
  --critical-soft: rgba(255, 77, 79, 0.18);
  --bg: #191c21;
  --surface: #22262d;
  --surface-raised: #292e36;
  --text-muted: #a7afbd;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --bg: #0b0e14;
    --surface: #141923;
    --surface-raised: #1b2230;
    --border: #252d3b;
    --border-strong: #3a4453;
    --text: #f2f4f7;
    --text-muted: #8b94a5;
    --text-faint: #5b6475;
    --text-on-accent: #f2f4f7;
    --accent: #2f6bff;
    --accent-pressed: #1f55e6;
    --accent-soft: rgba(47, 107, 255, 0.16);
    --ok: #2ed47a;
    --ok-soft: rgba(46, 212, 122, 0.16);
    --info: #4c8dff;
    --warn: #ffb020;
    --warn-soft: rgba(255, 176, 32, 0.18);
    --critical: #ff4d4f;
    --critical-soft: rgba(255, 77, 79, 0.18);
    --bg: #191c21;
    --surface: #22262d;
    --surface-raised: #292e36;
    --text-muted: #a7afbd;
    color-scheme: dark;
  }
}