/*
 * theme-vars.css
 * المتغيرات المركزية لكل ألوان الموقع — أساس نظام الوضع الفاتح/الغامق (7.10.44-48)
 * أي متغيّر يجب أن يبقى ثابتاً بين الوضعين لا يُعرَّف داخل [data-theme="light"]
 */

:root {
  --bg-main: #0B0E17;
  --bg-card: #141720;
  --bg-deep: #10141F;
  --border: #1E2233;

  --text: #E8EBF4;
  --text-muted: #8891A8;

  --gold: #C8943A;
  --gold-hover: #E8A840;

  --success: #22C55E;
  --success-soft: #4ade80;
  --danger: #EF4444;
  --danger-alt: #e74c3c;
  --danger-soft: #F87171;
  --bg-danger: #3a1e1e;
  --text-danger: #EE8888;
  --warning: #F59E0B;

  --logo-chip-bg: #141720;

  --on-gold: #000;
  --text-dim: #5B6378;
  --on-overlay: #fff;

  --gold-rgb: 200, 148, 58;
  --danger-rgb: 239, 68, 68;
  --text-rgb: 232, 235, 244;
  --border-rgb: 30, 34, 51;
  --on-overlay-rgb: 255, 255, 255;

  --purple: #7C3AED;
  --blue: #3B82F6;
  --border-alt: #2A3045;
  --text-faint: #7B8294;
  --bg-disabled: #2a2f3e;

  --bg-message: #1A2133;
  --on-gold-alt: #0B0E17;
  --text-soft: #ACB3C4;
  --text-body: #C7CCDA;

  --silver: #8E9EB5;
  --bronze: #A0522D;
  --border-hover: #3A4258;
}

[data-theme="light"] {
  --bg-main: #F4F5F9;
  --bg-card: #FFFFFF;
  --bg-deep: #EDEEF3;

  --border: #E2E5EE;
  --border-alt: #C7CCDA;
  --border-hover: #AAB2C4;

  --text: #1A1D29;
  --text-body: #333A4D;
  --text-soft: #4B5468;
  --text-muted: #646E82;
  --text-faint: #7B8496;
  --text-dim: #9CA3B3;

  --gold: #A8720F;
  --gold-hover: #8A5D0C;
  --gold-rgb: 168, 114, 15;

  --success: #15803D;
  --success-soft: #16A34A;
  --danger: #DC2626;
  --danger-alt: #C0392B;
  --danger-soft: #B54A4A;
  --danger-rgb: 220, 38, 38;
  --warning: #B45309;

  --bg-danger: #FEE2E2;
  --text-danger: #B91C1C;
  --bg-message: #FBF3E0;
  --bg-disabled: #E5E7EB;

  --purple: #6D28D9;
  --blue: #2563EB;
  --silver: #64748B;
  --bronze: #8B4A1F;

  --text-rgb: 26, 29, 41;
  --border-rgb: 226, 229, 238;
}

/* ثابتة عمداً في كل الأوضاع — غير مُعرَّفة هنا إطلاقاً:
   --logo-chip-bg, --on-gold, --on-gold-alt, --on-overlay, --on-overlay-rgb */

/* ── الشعار: شارة غامقة ثابتة خلف الشعار في كل الأوضاع (7.10.46) ── */
.site-logo-img {
  display: inline-flex;
  align-items: center;
  background: var(--logo-chip-bg);
  border-radius: 10px;
  padding: 6px 14px;
}

/* ── مفتاح تبديل الوضع الفاتح/الغامق (7.10.47) ── */
.th-theme-toggle-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  padding: 6px 10px;
  margin-inline-start: 8px;
  border-radius: 8px;
  transition: background .15s ease;
}
.th-theme-toggle-btn:hover {
  background: var(--border);
}