/*
 * theme-base.css
 * ضم هذا الملف في كل صفحة — بيحدد ألوان الثيمين بشكل موحد
 * لا تحط ألوان دارك في :root — كلها تبقى في [data-theme="dark"]
 */

/* ===== LIGHT (الافتراضي — لو مش واضح الثيم) ===== */
:root,
[data-theme="light"] {
  --bg:          #f5f0e8;
  --bg2:         #ffffff;
  --bg3:         #edeae3;
  --border:      rgba(176,141,87,0.2);
  --border2:     #c8c0b0;
  --gold:        #b08d57;
  --gold2:       #d4af37;
  --gold-dim:    rgba(176,141,87,0.12);
  --gold-glow:   rgba(176,141,87,0.06);
  --text:        #1a1209;
  --text2:       #5c4033;
  --text3:       #9a8878;
  --card-bg:     #fffdf7;
  --shadow:      0 4px 28px rgba(92,64,51,0.10);
  --shadow-lg:   0 8px 40px rgba(92,64,51,0.15);
  --green:       #0f5132;
  --green2:      #198754;
  --amber:       #92400e;
  --amber2:      #d97706;
  --accent:      #1d5fa4;
  --accent2:     #3b80d4;
  --radius:      12px;
  --radius-lg:   18px;
  --transition:  0.22s ease;
}

/* ===== DARK ===== */
[data-theme="dark"] {
  --bg:          #0f1117;
  --bg2:         #161b25;
  --bg3:         #1e2535;
  --border:      rgba(212,175,55,0.15);
  --border2:     #334060;
  --gold:        #d4af37;
  --gold2:       #f0c94d;
  --gold-dim:    rgba(212,175,55,0.15);
  --gold-glow:   rgba(212,175,55,0.08);
  --text:        #f1f1f1;
  --text2:       #a89880;
  --text3:       #5a6480;
  --card-bg:     #1a1d24;
  --shadow:      0 4px 24px rgba(0,0,0,0.4);
  --shadow-lg:   0 8px 40px rgba(0,0,0,0.5);
  --green:       #1f7a53;
  --green2:      #2aab72;
  --amber:       #b05c10;
  --amber2:      #e07b18;
  --accent:      #1d6fa4;
  --accent2:     #3b9fd4;
}

/* ===== TRANSITION سلسة عند التبديل ===== */
body,
body * {
  transition:
    background-color 0.35s ease,
    color 0.25s ease,
    border-color 0.25s ease;
}

/* استثناء عناصر مش محتاجة transition =====*/
img, svg, canvas, video,
.no-transition,
.no-transition * {
  transition: none !important;
}