/* ===== الألوان — متغيرات السمة (فاتح / داكن) ===== */
:root{
  --bg:#f2f5f9; --bg-soft:#e9eef4; --card:#ffffff; --card-2:#f7f9fc;
  --line:#dde4ec; --line-2:#eef2f6; --text:#1b2733; --text-2:#3d4c5c; --muted:#6b7b8c;
  --primary:#1f5f8b; --primary-2:#174a6d; --primary-soft:#e4eff7;
  --accent:#2a9d8f; --accent-soft:#e2f4f1;
  --danger:#d64545; --danger-soft:#fdecec; --warn:#c98a2d; --warn-soft:#fdf3e3;
  --shadow:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);
  --shadow-lg:0 10px 30px rgba(16,24,40,.10);
  --radius:14px; --focus:0 0 0 3px rgba(31,95,139,.18); color-scheme:light;
}
html.dark{
  --bg:#0e141c; --bg-soft:#131b25; --card:#161f2a; --card-2:#1b2532;
  --line:#26323f; --line-2:#1f2a36; --text:#e8eef4; --text-2:#c5d0db; --muted:#8fa0b2;
  --primary:#4da3d8; --primary-2:#6ab6e3; --primary-soft:#1a2c3d;
  --accent:#4fc0b0; --accent-soft:#16302d;
  --danger:#f0736c; --danger-soft:#3a1f1f; --warn:#e0a24f; --warn-soft:#3a2d18;
  --shadow:0 1px 2px rgba(0,0,0,.35); --shadow-lg:0 12px 34px rgba(0,0,0,.45);
  --focus:0 0 0 3px rgba(77,163,216,.28); color-scheme:dark;
}
html{background:var(--bg);}