/* الألوان — مستمدة من شعار الشركة. light-dark() يتبع إعداد الجهاز تلقائياً */
:root {
  color-scheme: light dark;
  --bg:    light-dark(#eef3f6, #06222b);
  --bg2:   light-dark(#e6eef2, #0a2f3b);
  --surf:  light-dark(rgba(255,255,255,.96), rgba(10,47,59,.82));
  --surf2: light-dark(#eef5f7, #0f3a48);
  --line:  light-dark(rgba(15,80,100,.17), rgba(150,215,235,.17));
  --tx:    light-dark(#0d2a33, #eef8fa);
  --mut:   light-dark(#566f78, #9dbfca);
  --acc:   light-dark(#157a94, #3cc3df);
  --accfg: light-dark(#ffffff, #03171d);
  --s1: light-dark(#d6224a, #ff5470);
  --s2: light-dark(#d86a0c, #ff9b4a);
  --s3: light-dark(#0f9a63, #48e0a0);
  --bad: var(--s1);
  --shadow-c: light-dark(rgb(10 70 90 / .30), rgb(0 12 20 / .62));
  --shadow: 0 18px 44px -22px var(--shadow-c);
  --glow-bg: light-dark(rgb(27 127 152 / .10), rgb(60 195 223 / .14));

  /* مشهد الأبراج */
  --sky1: light-dark(#2d8aa4, #03141b);
  --sky2: light-dark(#6cc0d3, #0a3342);
  --sky3: light-dark(#bfe6ee, #1f8aa3);
  --sky4: light-dark(#eef8fa, #9fdcea);
  --glow: light-dark(#ffffff, #7fd6ea);
  --ring: light-dark(#ffffff, #a8eefc);
  --hill1: light-dark(#8fc9d6, #0b3a48);
  --hill2: light-dark(#5fa9bb, #072a35);
  --ground: light-dark(#2f7f93, #041a22);
  --tower: light-dark(#0f4b5d, #03141b);
  --tower-far: light-dark(#78b9c8, #0d4658);

  --r: 18px;
  --sh: 380px;            /* ارتفاع المشهد */
}
:root[data-theme=light] { color-scheme: light; }
:root[data-theme=dark]  { color-scheme: dark; }