/* ملف مولّد من design/tokens.json — لا تعدّله يدوياً (npm run tokens) */
:root {
  --bg: #FFFFFF;
  --surface: #FAFAF7;
  --surface-2: #F1F1EC;
  --border: #E2E2DC;
  --text: #121413;
  --muted: #6C706D;
  --accent: #00925F;
  --accent-soft: #E2F4EC;
  --on-accent: #FFFFFF;
  --emphasis: #121413;
  --danger: #D43A2F;
  --on-danger: #FFFFFF;
  --warning: #A16207;
  --live: #00925F;
  --overlay: #12141380;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 22px;
  --radius-full: 999px;
  --border-thin: 1px;
  --border-bold: 1.25px;
  --border-heavy: 2px;
  --weight-body: 400;
  --weight-medium: 500;
  --weight-strong: 600;
  --font: "IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --motion-fast: 150ms ease-out;
  --motion-pulse: 1.5s;
}

[data-theme="dark"] {
  --bg: #101312;
  --surface: #191E1B;
  --surface-2: #232924;
  --border: #2C332E;
  --text: #F1F4F2;
  --muted: #9AA39D;
  --accent: #00AD71;
  --accent-soft: #123A2B;
  --on-accent: #101312;
  --emphasis: #F1F4F2;
  --danger: #E0564A;
  --on-danger: #FFFFFF;
  --warning: #E0A93D;
  --live: #00AD71;
  --overlay: #000000A6;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #101312;
    --surface: #191E1B;
    --surface-2: #232924;
    --border: #2C332E;
    --text: #F1F4F2;
    --muted: #9AA39D;
    --accent: #00AD71;
    --accent-soft: #123A2B;
    --on-accent: #101312;
    --emphasis: #F1F4F2;
    --danger: #E0564A;
    --on-danger: #FFFFFF;
    --warning: #E0A93D;
    --live: #00AD71;
    --overlay: #000000A6;
  }
}