:root {
  color-scheme:light;
  --color-bg:#f8fafc; --color-surface:#ffffff; --color-surface-subtle:#f1f5f9;
  --color-border:#dbe3ed; --color-border-input:#64748b; --color-text:#0f172a;
  --color-text-muted:#475569; --color-accent:#0ea5e9; --color-accent-strong:#0369a1; --color-on-accent:#0f172a;
  --color-danger:#b42332; --color-success:#0e7490; --color-warning:#854d0e;
  --font-sans:'Cairo',ui-sans-serif,system-ui,sans-serif;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-22:88px;
  --radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--content-max:1160px;
}
[data-theme="dark"] {
  color-scheme:dark;
  --color-bg:#0f172a; --color-surface:#172236; --color-surface-subtle:#1e293b;
  --color-border:#334155; --color-border-input:#94a3b8; --color-text:#f1f5f9;
  --color-text-muted:#cbd5e1; --color-accent:#38bdf8; --color-accent-strong:#7dd3fc; --color-on-accent:#082f49;
  --color-danger:#fda4af; --color-success:#67e8f9; --color-warning:#fcd34d;
}