:root,
[data-theme="dark"] {
  --bg: #0F1A17;
  --bg-2: #16241F;
  --bg-3: #1C2E28;
  --card: rgba(26, 43, 38, 0.7);
  --card-solid: #1A2B26;
  --card-hover: rgba(34, 55, 47, 0.9);
  --glass: rgba(26, 43, 38, 0.5);
  --glass-border: rgba(244, 233, 215, 0.08);
  --text: #F4E9D7;
  --text-dim: #A8B0AB;
  --muted: #7A8580;
  --heading: #F4E9D7;
  --gold: #D4A853;
  --gold-2: #E8C87A;
  --gold-glow: rgba(212, 168, 83, 0.4);
  --green: #274845;
  --green-2: #274F2F;
  --border: rgba(244, 233, 215, 0.08);
  --border-hover: rgba(212, 168, 83, 0.35);
  --logo-glow: rgba(212, 168, 83, 0.5);
  --shadow-sm: 0 4px 16px rgba(0,0,0,0.3);
  --shadow: 0 10px 40px rgba(0,0,0,0.5);
  --shadow-gold: 0 10px 40px rgba(212, 168, 83, 0.25);
  --gradient-hero: linear-gradient(180deg, rgba(15,26,23,0.85) 0%, rgba(15,26,23,0.7) 50%, rgba(15,26,23,0.98) 100%);
  --gradient-gold: linear-gradient(135deg, #D4A853 0%, #E8C87A 100%);
  --gradient-text: linear-gradient(135deg, #D4A853 0%, #E8C87A 50%, #D4A853 100%);
}

[data-theme="light"] {
  --bg: #FAF6EF;
  --bg-2: #F4E9D7;
  --bg-3: #EDE0C9;
  --card: rgba(255, 255, 255, 0.85);
  --card-solid: #FFFFFF;
  --card-hover: #FFFFFF;
  --glass: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(39, 72, 69, 0.08);
  --text: #1A2B26;
  --text-dim: #4A5A55;
  --muted: #7A8580;
  --heading: #0F1A17;
  --gold: #B8873A;
  --gold-2: #D4A853;
  --gold-glow: rgba(184, 135, 58, 0.3);
  --green: #274845;
  --green-2: #274F2F;
  --border: rgba(39, 72, 69, 0.1);
  --border-hover: rgba(184, 135, 58, 0.5);
  --logo-glow: rgba(39, 72, 69, 0.2);
  --shadow-sm: 0 4px 16px rgba(39, 72, 69, 0.08);
  --shadow: 0 10px 40px rgba(39, 72, 69, 0.12);
  --shadow-gold: 0 10px 40px rgba(184, 135, 58, 0.2);
  --gradient-hero: linear-gradient(180deg, rgba(250,246,239,0.9) 0%, rgba(250,246,239,0.8) 50%, rgba(250,246,239,0.98) 100%);
  --gradient-gold: linear-gradient(135deg, #B8873A 0%, #D4A853 100%);
  --gradient-text: linear-gradient(135deg, #B8873A 0%, #D4A853 50%, #B8873A 100%);
}

html.theme-transition,
html.theme-transition *,
html.theme-transition *::before,
html.theme-transition *::after {
  transition: background-color 0.5s ease, color 0.5s ease,
              border-color 0.5s ease, box-shadow 0.5s ease,
              fill 0.5s ease, stroke 0.5s ease,
              filter 0.5s ease !important;
}

/* ============ LOGO THEMING ============ */
.logo-img,
.loader-logo {
  transition: filter 0.4s ease, transform 0.4s ease;
}

/* الفاتح: أسود */
[data-theme="light"] .logo-img,
[data-theme="light"] .loader-logo {
  filter: brightness(0) saturate(100%);
}

/* الغامق: أبيض */
[data-theme="dark"] .logo-img,
[data-theme="dark"] .loader-logo {
  filter: brightness(0) invert(1);
}

[data-theme="dark"] .logo:hover .logo-img {
  filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(255, 255, 255, 0.35));
}