/* ================================================================
   TAYEBAT — THEME SYSTEM
   ثيمان مستقلان بالكامل
   الثيم الفاتح: [data-theme="light"] — الافتراضي
   الثيم الداكن:  [data-theme="dark"]
   ================================================================ */

/* ================================================================
   THEME: DARK — الليل الذهبي
   أسود عميق + ذهبي دافئ + نصوص كريمية واضحة
   ================================================================ */

[data-theme="dark"] {
  /* ألوان أساسية */
  --green-dark:      #d4a017;
  --green-mid:       #c49a0a;
  --green-light:     #e8c040;
  --green-pale:      #1e1800;
  --gold:            #d4a017;
  --gold-light:      #e8c040;
  --gold-pale:       #1a1400;
  --cream:           #0c0c0c;
  --cream-dark:      #181818;
  --red-forbidden:   #e05030;
  --red-mid:         #c04020;
  --red-light:       #ff6040;
  --red-pale:        #1a0800;
  --text-dark:       #f0e6c0;
  --text-mid:        #d4c890;
  --text-light:      #8a7a50;
  --white:           #141410;
  --shadow-sm:       0 2px 8px rgba(0,0,0,0.6);
  --shadow-md:       0 4px 20px rgba(0,0,0,0.7);
  --shadow-lg:       0 8px 40px rgba(0,0,0,0.8);
  --shadow-gold:     0 4px 20px rgba(212,160,23,0.3);
  --radius-sm:       8px;
  --radius-md:       16px;
  --radius-lg:       24px;
  --radius-xl:       40px;
}

/* Body */
[data-theme="dark"] body {
  background-color: #0c0c0c;
  color: #f0e6c0;
}

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar-track { background: #181818; }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #d4a017; }
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #e8c040; }

/* Header */
[data-theme="dark"] .site-header {
  background: linear-gradient(135deg, #0a0a08 0%, #050504 50%, #0a0a08 100%);
  box-shadow: 0 4px 30px rgba(0,0,0,0.8), 0 1px 0 rgba(212,160,23,0.2);
}

[data-theme="dark"] .header-top {
  background: linear-gradient(90deg, #8b6010 0%, #d4a017 50%, #8b6010 100%);
  color: #0a0a08;
}

[data-theme="dark"] .logo-title {
  color: #e8c040;
}

[data-theme="dark"] .logo-subtitle {
  color: rgba(240,230,192,0.5);
}

[data-theme="dark"] .logo-emblem {
  background: linear-gradient(135deg, #8b6010, #d4a017);
  box-shadow: 0 0 24px rgba(212,160,23,0.5);
  border-color: rgba(232,192,64,0.3);
}

/* Navigation */
[data-theme="dark"] .nav-link {
  color: rgba(240,230,192,0.85);
}

[data-theme="dark"] .nav-link:hover {
  color: #e8c040;
  background: rgba(212,160,23,0.08);
  border-color: rgba(212,160,23,0.3);
}

[data-theme="dark"] .nav-link.active {
  background: rgba(212,160,23,0.15);
  color: #e8c040;
  border-color: rgba(212,160,23,0.4);
}

[data-theme="dark"] .nav-link.nav-admin {
  background: rgba(212,160,23,0.2);
  color: #e8c040;
  border-color: #d4a017;
}

[data-theme="dark"] .nav-link.nav-admin:hover {
  background: #d4a017;
  color: #0a0a08;
}

[data-theme="dark"] .mobile-menu-btn { color: #e8c040; }

/* Mobile nav overlay */
[data-theme="dark"] .main-nav.open {
  background: rgba(5,5,4,0.98);
}

/* Page Hero */
[data-theme="dark"] .page-hero {
  background: linear-gradient(160deg, #0a0a08 0%, #1a1400 60%, #221c00 100%);
  border-bottom: 1px solid rgba(212,160,23,0.15);
}

[data-theme="dark"] .page-hero::after {
  background: #0c0c0c;
}

[data-theme="dark"] .hero-badge {
  background: rgba(212,160,23,0.15);
  border-color: rgba(212,160,23,0.4);
  color: #e8c040;
}

[data-theme="dark"] .hero-title {
  color: #f0e6c0;
  text-shadow: 0 2px 20px rgba(0,0,0,0.8);
}

[data-theme="dark"] .hero-desc {
  color: rgba(240,230,192,0.7);
}

/* Search & Filter */
[data-theme="dark"] .search-filter-bar {
  background: #141410;
  border-color: rgba(212,160,23,0.12);
  box-shadow: 0 2px 12px rgba(0,0,0,0.5);
}

[data-theme="dark"] .search-input {
  background: #0c0c0c;
  color: #f0e6c0;
  border-color: rgba(212,160,23,0.2);
}

[data-theme="dark"] .search-input::placeholder { color: #8a7a50; }

[data-theme="dark"] .search-input:focus {
  border-color: #d4a017;
  background: #101008;
  box-shadow: 0 0 0 3px rgba(212,160,23,0.12);
}

[data-theme="dark"] .search-icon { color: #8a7a50; }

[data-theme="dark"] .filter-chip {
  background: #141410;
  color: #d4c890;
  border-color: rgba(212,160,23,0.15);
}

[data-theme="dark"] .filter-chip:hover {
  border-color: #d4a017;
  color: #e8c040;
}

[data-theme="dark"] .filter-chip.active {
  background: #d4a017;
  color: #0a0a08;
  border-color: #d4a017;
}

[data-theme="dark"] .filter-chip.active.red-chip {
  background: #c04020;
  border-color: #c04020;
  color: #fff;
}

/* Stats */
[data-theme="dark"] .stat-card {
  background: #141410;
  border-color: rgba(212,160,23,0.1);
}

[data-theme="dark"] .stat-icon.green { background: #1e1800; }
[data-theme="dark"] .stat-icon.red   { background: #1a0800; }
[data-theme="dark"] .stat-icon.gold  { background: #181200; }
[data-theme="dark"] .stat-num.green  { color: #d4a017; }
[data-theme="dark"] .stat-num.gold   { color: #d4a017; }
[data-theme="dark"] .stat-label      { color: #8a7a50; }

/* Section */
[data-theme="dark"] .section-icon.green { background: #1e1800; }
[data-theme="dark"] .section-icon.red   { background: #1a0800; }
[data-theme="dark"] .section-title.green { color: #d4a017; }
[data-theme="dark"] .section-title.red   { color: #e05030; }
[data-theme="dark"] .section-count       { color: #8a7a50; }

/* Product Cards */
[data-theme="dark"] .product-card {
  background: #141410;
  border-color: rgba(212,160,23,0.08);
}

[data-theme="dark"] .product-card.allowed {
  border-color: rgba(212,160,23,0.12);
}

[data-theme="dark"] .product-card.allowed:hover {
  border-color: #d4a017;
  box-shadow: 0 12px 40px rgba(212,160,23,0.15);
}

[data-theme="dark"] .product-card.forbidden {
  border-color: rgba(192,64,32,0.12);
}

[data-theme="dark"] .product-card.forbidden:hover {
  border-color: #c04020;
  box-shadow: 0 12px 40px rgba(192,64,32,0.2);
}

[data-theme="dark"] .card-img-wrap.allowed  { background: linear-gradient(135deg, #1e1800, #181400); }
[data-theme="dark"] .card-img-wrap.forbidden { background: linear-gradient(135deg, #1a0800, #140600); }
[data-theme="dark"] .card-name              { color: #f0e6c0; }
[data-theme="dark"] .card-note              { color: #8a7a50; }
[data-theme="dark"] .card-footer            { border-top-color: rgba(212,160,23,0.08); }
[data-theme="dark"] .card-footer-icon.allowed  { background: #1e1800; }
[data-theme="dark"] .card-footer-icon.forbidden { background: #1a0800; }
[data-theme="dark"] .card-badge.allowed     { background: #8b6010; color: #f0e6c0; }
[data-theme="dark"] .card-badge.forbidden   { background: #802010; color: #f0e6c0; }
[data-theme="dark"] .card-status-text.allowed   { color: #d4a017; }
[data-theme="dark"] .card-status-text.forbidden { color: #e05030; }
[data-theme="dark"] .card-category.allowed  { color: #d4a017; }
[data-theme="dark"] .card-category.forbidden { color: #e05030; }

/* Buttons */
[data-theme="dark"] .btn-primary {
  background: linear-gradient(135deg, #d4a017, #8b6010);
  color: #0a0a08;
}

[data-theme="dark"] .btn-gold {
  background: linear-gradient(135deg, #d4a017, #e8c040);
  color: #0a0a08;
}

[data-theme="dark"] .btn-outline {
  border-color: rgba(212,160,23,0.3);
  color: #d4c890;
}

[data-theme="dark"] .btn-outline:hover {
  border-color: #d4a017;
  color: #e8c040;
}

/* Modal */
[data-theme="dark"] .modal { background: #141410; }
[data-theme="dark"] .modal-header { border-bottom-color: rgba(212,160,23,0.15); }
[data-theme="dark"] .modal-title { color: #e8c040; }
[data-theme="dark"] .modal-close { background: #1e1a10; color: #d4c890; }
[data-theme="dark"] .modal-close:hover { background: #1a0800; color: #e05030; }
[data-theme="dark"] .modal-product-name { color: #f0e6c0; }
[data-theme="dark"] .modal-img-placeholder.allowed  { background: linear-gradient(135deg, #1e1800, #181400); }
[data-theme="dark"] .modal-img-placeholder.forbidden { background: linear-gradient(135deg, #1a0800, #140600); }
[data-theme="dark"] .modal-note-box.allowed   { background: #1e1800; color: #d4a017; border-right-color: #d4a017; }
[data-theme="dark"] .modal-note-box.forbidden { background: #1a0800; color: #e05030; border-right-color: #c04020; }

/* Toast */
[data-theme="dark"] .toast { background: #1e1a10; border-right-color: #d4a017; }
[data-theme="dark"] .toast.error { background: #1a0800; }

/* Footer */
[data-theme="dark"] .site-footer {
  background: #080808;
  border-top: 1px solid rgba(212,160,23,0.15);
  color: rgba(240,230,192,0.6);
}
[data-theme="dark"] .footer-logo { color: #d4a017; }
[data-theme="dark"] .footer-quote { color: rgba(240,230,192,0.4); }
[data-theme="dark"] .footer-divider { background: linear-gradient(90deg, transparent, #d4a017, transparent); }
[data-theme="dark"] .footer-bottom { color: rgba(240,230,192,0.25); }

/* Bottom Nav (mobile) */
[data-theme="dark"] .bottom-nav {
  background: #0a0a08;
  border-top-color: rgba(212,160,23,0.15);
}
[data-theme="dark"] .bottom-nav-item { color: #8a7a50; }
[data-theme="dark"] .bottom-nav-item.active { color: #d4a017; }
[data-theme="dark"] .bottom-nav-item.active .bnav-icon { background: #1e1800; }

/* Chat FAB */
[data-theme="dark"] .chat-fab {
  background: linear-gradient(135deg, #8b6010, #d4a017);
}

/* Home page specific */
[data-theme="dark"] .tribute-card {
  background: #141410 !important;
  border-color: rgba(212,160,23,0.15) !important;
  color: #f0e6c0 !important;
}

[data-theme="dark"] .tribute-name { color: #e8c040 !important; }
[data-theme="dark"] .tribute-title { color: #d4a017 !important; }
[data-theme="dark"] .tribute-desc { color: rgba(240,230,192,0.7) !important; }
[data-theme="dark"] .tribute-quote {
  background: rgba(212,160,23,0.08) !important;
  border-color: rgba(212,160,23,0.2) !important;
  color: #d4c890 !important;
}

[data-theme="dark"] .rule-card {
  background: #141410 !important;
  border-color: rgba(212,160,23,0.1) !important;
}
[data-theme="dark"] .rule-title { color: #f0e6c0 !important; }
[data-theme="dark"] .rule-desc  { color: #8a7a50 !important; }

[data-theme="dark"] .quick-card {
  background: #141410 !important;
  border-color: rgba(212,160,23,0.1) !important;
}
[data-theme="dark"] .quick-card:hover {
  border-color: #d4a017 !important;
}
[data-theme="dark"] .quick-card h3 { color: #f0e6c0 !important; }
[data-theme="dark"] .quick-card p  { color: #8a7a50 !important; }

[data-theme="dark"] .fasting-card {
  background: linear-gradient(135deg, #1e1800, #141000) !important;
  border-color: rgba(212,160,23,0.2) !important;
  color: #d4c890 !important;
}

/* Admin specific */
[data-theme="dark"] .admin-sidebar {
  background: #0a0a08 !important;
  border-color: rgba(212,160,23,0.12) !important;
}
[data-theme="dark"] .admin-content { background: #0c0c0c !important; }
[data-theme="dark"] .form-input, [data-theme="dark"] .form-select, [data-theme="dark"] .form-textarea {
  background: #141410 !important;
  color: #f0e6c0 !important;
  border-color: rgba(212,160,23,0.2) !important;
}
[data-theme="dark"] .form-input:focus, [data-theme="dark"] .form-select:focus {
  border-color: #d4a017 !important;
}
[data-theme="dark"] .form-label { color: #d4c890 !important; }
[data-theme="dark"] .admin-table th {
  background: #1e1a10 !important;
  color: #d4a017 !important;
  border-color: rgba(212,160,23,0.1) !important;
}
[data-theme="dark"] .admin-table td {
  border-color: rgba(212,160,23,0.08) !important;
  color: #f0e6c0 !important;
}
[data-theme="dark"] .admin-table tr:hover td { background: rgba(212,160,23,0.04) !important; }
[data-theme="dark"] .user-card {
  background: #141410 !important;
  border-color: rgba(212,160,23,0.1) !important;
}
[data-theme="dark"] .user-name  { color: #f0e6c0 !important; }
[data-theme="dark"] .user-username { color: #8a7a50 !important; }
[data-theme="dark"] .sidebar-nav-link { color: #d4c890 !important; }
[data-theme="dark"] .sidebar-nav-link.active {
  background: rgba(212,160,23,0.12) !important;
  color: #e8c040 !important;
}
[data-theme="dark"] .perm-chip { background: #1e1a10 !important; color: #8a7a50 !important; }
[data-theme="dark"] .perm-chip.on { background: #2a2000 !important; color: #d4a017 !important; }

/* Theories */
[data-theme="dark"] .theory-card {
  background: #141410 !important;
  border-color: rgba(212,160,23,0.1) !important;
}
[data-theme="dark"] .theory-title { color: #f0e6c0 !important; }
[data-theme="dark"] .theory-desc  { color: #8a7a50 !important; }

/* Login */
[data-theme="dark"] .login-card {
  background: #141410 !important;
  border-color: rgba(212,160,23,0.15) !important;
}

/* Empty state */
[data-theme="dark"] .empty-state-title { color: #d4c890; }
[data-theme="dark"] .empty-state       { color: #8a7a50; }

/* ================================================================
   SMOOTH TRANSITION
   ================================================================ */
body,
.site-header, .header-top,
.page-hero, .page-hero::after,
.product-card, .card-img-wrap,
.card-body, .card-footer,
.search-filter-bar, .search-input,
.filter-chip, .stat-card,
.modal, .modal-header,
.bottom-nav, .site-footer,
.tribute-card, .rule-card, .quick-card,
.admin-sidebar, .user-card, .form-input,
.form-select, .form-textarea {
  transition:
    background 0.35s ease,
    background-color 0.35s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.35s ease !important;
}