/* Generated from design/tokens.json by scripts/build-tokens.js. Do not edit by hand. */
:root {
  --surface: #f3f5f4;
  --surface-raised: #ffffff;
  --surface-sunken: #e7ecea;
  --ink: #14211f;
  --ink-muted: #53625d;
  --line: #d3dbd8;
  --line-strong: #8a9994;
  --accent: #0b6b61;
  --accent-ink: #ffffff;
  --accent-soft: #d9eeea;
  --ok: #2f7d3b;
  --warn: #9a5b00;
  --warn-soft: #fbecd2;
  --critical: #b4232a;
  --critical-soft: #f9dedf;
  --shadow-sheet: 0 12px 32px rgba(20, 33, 31, 0.18);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-pill: 999px;
  --touch-min: 44px;
  --meter-height: 8px;
  --content-max: 1120px;
  --font-sans: "IBM Plex Sans Arabic", "IBM Plex Sans", "Segoe UI", Tahoma, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface: #0e1514;
    --surface-raised: #162120;
    --surface-sunken: #0a100f;
    --ink: #e6eeeb;
    --ink-muted: #9bada7;
    --line: #2a3835;
    --line-strong: #5d6f6a;
    --accent: #4fc1b1;
    --accent-ink: #05201c;
    --accent-soft: #143a35;
    --ok: #6cc47a;
    --warn: #f0a92e;
    --warn-soft: #3a2a0c;
    --critical: #ff7b7b;
    --critical-soft: #40171a;
    --shadow-sheet: 0 12px 32px rgba(0, 0, 0, 0.5);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --surface: #0e1514;
  --surface-raised: #162120;
  --surface-sunken: #0a100f;
  --ink: #e6eeeb;
  --ink-muted: #9bada7;
  --line: #2a3835;
  --line-strong: #5d6f6a;
  --accent: #4fc1b1;
  --accent-ink: #05201c;
  --accent-soft: #143a35;
  --ok: #6cc47a;
  --warn: #f0a92e;
  --warn-soft: #3a2a0c;
  --critical: #ff7b7b;
  --critical-soft: #40171a;
  --shadow-sheet: 0 12px 32px rgba(0, 0, 0, 0.5);
  color-scheme: dark;
}