/* ─────────────────────────────────────────────
   بوصلة الاستثمار — الألوان كلها هنا في مكان واحد
   الثيم الأساسي: default. الثيمات البديلة يختارها الأدمن من الإعدادات.
   ───────────────────────────────────────────── */

:root,
[data-theme="default"] {
  /* البانر والقوائم (غامق) */
  --banner: #111C28;
  --nav: #1C2539;

  /* المحتوى: كل مستوى ينفتح أفتح من اللي قبله */
  --level-1: #C4C8C9;
  --level-2: #D2D5D5;
  --level-3: #E0E1DD;
  --level-4: #EEEEEC;

  /* النص */
  --text: #111C28;
  --text-2: #33414F;

  /* رمادي مزرق مساعد */
  --muted: #475A76;
  --muted-2: #7D8CA6;

  /* التمييز (بترولي) */
  --accent: #1F6F8B;
  --accent-dark: #164D63;
  --accent-light: #8FBDCC;

  /* قوة الفكرة وشريط التقدم */
  --strength-low: #8FBDCC;
  --strength-mid: #1F6F8B;
  --strength-high: #164D63;

  /* الحالات (شارات ونقاط صغيرة فقط) */
  --danger: #E5504C;
  --warning: #EA9B3C;
  --progress: #F2C763;
  --ok: #5FA58A;

  /* نص فوق الغامق */
  --on-dark: #EEEEEC;
  --on-dark-2: #9AA7BB;
}

/* ثيم بديل 1: ليل أعمق */
[data-theme="night"] {
  --banner: #0B1320;
  --nav: #16202F;
  --level-1: #BFC6CC;
  --level-2: #CDD3D7;
  --level-3: #DCE0E2;
  --level-4: #EBEEEF;
  --text: #0B1320;
  --text-2: #2C3A48;
  --muted: #44546B;
  --muted-2: #7A889C;
  --accent: #2A7A8C;
  --accent-dark: #1B5463;
  --accent-light: #94C3CF;
  --strength-low: #94C3CF;
  --strength-mid: #2A7A8C;
  --strength-high: #1B5463;
}

/* ثيم بديل 2: رملي هادئ */
[data-theme="sand"] {
  --banner: #1F2328;
  --nav: #2B3036;
  --level-1: #CFCBC2;
  --level-2: #DBD8D0;
  --level-3: #E6E3DC;
  --level-4: #F2F0EB;
  --text: #1F2328;
  --text-2: #3F4650;
  --muted: #5A6472;
  --muted-2: #8B94A0;
  --accent: #2E7D73;
  --accent-dark: #1F5952;
  --accent-light: #9CCBC4;
  --strength-low: #9CCBC4;
  --strength-mid: #2E7D73;
  --strength-high: #1F5952;
}