/* ════════════════════════════════════════════════════════════════
   مسطّح بألوان سُفرة (2026-10-14) — مهارة «أيقونات ربلت بدون ثري دي»
   يعمل على المظهر الفاتح (صار الافتراضي). الداكن باقٍ كما هو.
   للتراجع: احذف وسم <link> لهذا الملف من index.html.
   ════════════════════════════════════════════════════════════════ */

:root[data-theme="light"] {
  --canvas:#fcfaf8; --surface:#ffffff; --surface-2:#f7f4f0; --surface-3:#efe9e1;
  --border:#d6cec3; --border-strong:#b9ae9f;
  --ink:#21262b; --ink-soft:#2f3940; --ink-muted:#576671; --ink-faint:#6d7a84;
  --brand-50:#f3f8f6; --brand-200:#005b45; --brand-400:#1a6b58; --brand-500:#005b45;
  --brand-600:#004d3b; --brand-700:#013f31; --brand-900:#012e24;
  --field:#fbfaf8; --btn-hi:#ffffff; --ring:rgba(0,91,69,.14);
  --sh-1:none; --sh-2:none; --sh-3:none; --sh-brand:none; --sh-gold:none;
  --edge-hi:transparent; --inset:transparent;
  --glow-brand:transparent; --glow-gold:transparent;
  --r-lg:18px; --r-xl:22px;
  --font:'IBM Plex Sans Arabic','Noto Sans Arabic',system-ui,sans-serif;
  --g700:#005b45; --g600:#1a6b58; --g800:#004d3b; --g900:#013f31;
  --g300:#95c6b7; --g200:#b3cec7; --g100:#e8f1ee; --g50:#f3f8f6;
  --line:#e2dbd1;
  --grad:linear-gradient(135deg,#013f31,#005b45 55%,#1a6b58);
}

@media screen {
  [data-theme="light"] h1, [data-theme="light"] h2, [data-theme="light"] h3 {
    font-family:'Readex Pro','IBM Plex Sans Arabic',sans-serif; letter-spacing:0;
  }
  [data-theme="light"] body { background:var(--canvas); }

  /* الأزرار: سادة، المرور سطوع فقط بلا تحريك */
  [data-theme="light"] .btn {
    background:#fff; border-color:var(--g200); color:var(--g700); box-shadow:none;
  }
  [data-theme="light"] .btn:hover { background:var(--g50); border-color:var(--g300); }
  [data-theme="light"] .btn-primary,
  [data-theme="light"] .btn-primary:hover { background:var(--g700); border-color:var(--g700); color:#fff; }
  [data-theme="light"] .btn-gold,
  [data-theme="light"] .btn-gold:hover { background:var(--g600); border-color:var(--g600); color:#fff; }
  [data-theme="light"] .btn-danger { background:var(--g900); border-color:var(--g900); color:#fff; }
  [data-theme="light"] .btn-primary:hover, [data-theme="light"] .btn-gold:hover,
  [data-theme="light"] .btn-danger:hover { filter:brightness(1.1); }
  [data-theme="light"] .btn-ghost { background:transparent; border-color:transparent; }
  [data-theme="light"] .btn:active { transform:none; }
  [data-theme="light"] .btn:focus-visible { outline:none; box-shadow:0 0 0 3px var(--ring); }

  /* البطاقات: بيضاء، حدّ رملي، المرور يغيّر الحدّ فقط */
  [data-theme="light"] .card { background:#fff; border-color:var(--line); box-shadow:none; border-radius:22px; }
  [data-theme="light"] .card-link:hover { border-color:var(--g300); transform:none; box-shadow:none; }
  [data-theme="light"] .modal { box-shadow:none; border-color:var(--line); }

  /* الحقول */
  [data-theme="light"] .input, [data-theme="light"] .select, [data-theme="light"] .textarea {
    background:#fbfaf8; border:1.5px solid var(--line); box-shadow:none;
  }
  [data-theme="light"] .input:focus, [data-theme="light"] .select:focus, [data-theme="light"] .textarea:focus {
    background:#fff; border-color:var(--g700); box-shadow:0 0 0 3px var(--ring);
  }

  /* الشريط الجانبي والتنقل */
  [data-theme="light"] .sidebar { background:#fff; border-color:var(--line); box-shadow:none; }
  [data-theme="light"] .nav-item.is-active, [data-theme="light"] .nav-item[aria-current="page"] {
    background:var(--g100); color:var(--g700);
  }
  [data-theme="light"] .nav-icon { background:var(--g100); color:var(--g700); box-shadow:none; }
  [data-theme="light"] .brand-mark { background:var(--g700); box-shadow:none; }

  /* بطاقات الألعاب: مربع أيقونة فاتح بخطوط بلون البطاقة */
  [data-theme="light"] .game-card { background:#fff !important; border-color:var(--line) !important; }
  [data-theme="light"] .game-card:hover { border-color:var(--g300) !important; }
  [data-theme="light"] .game-card:hover .art { transform:none; }
  [data-theme="light"] .game-card h3 { color:var(--g700) !important; }
  [data-theme="light"] .game-icon {
    width:56px; height:56px; border-radius:18px; box-shadow:none;
    background:var(--g100) !important; border:1px solid #cfe2db; color:var(--g700);
  }
  [data-theme="light"] .game-choice { background:#fff; border-color:var(--line); }
  [data-theme="light"] .game-choice:hover { transform:none; border-color:var(--g700); background:var(--g50); }
  [data-theme="light"] .chip { box-shadow:none; }
  [data-theme="light"] .tbl th { background:var(--g50); }
}

/* ⚠ التحديد يغلب طبقة التسطيح: `[data-theme] .btn` كان أقوى من
   `.btn.is-picked` فاختفى تحديد شارة التنبيه (2026-10-14) */
@media screen {
  [data-theme="light"] .btn.is-picked, [data-theme="light"] .btn.is-picked:hover {
    background:#fde2e2; border:2px solid #b91c1c; color:#7f1d1d;
    box-shadow:0 0 0 3px rgba(185,28,28,.22);
  }
  [data-theme="light"] .btn.is-picked-ok, [data-theme="light"] .btn.is-picked-ok:hover {
    background:var(--g100); border:2px solid var(--g700); color:var(--g900);
    box-shadow:0 0 0 3px var(--ring);
  }
}