/* ========================================
   KDK MAALIGAI — Dark Mode Theme
   ======================================== */

[data-theme="dark"] {
  --primary: #C2544D;
  --primary-light: #E07A73;
  --primary-dark: #8B3A35;
  --primary-50: #2A1515;
  --primary-100: #3D2020;
  --primary-200: #5A3333;

  --accent: #E8C97A;
  --accent-light: #F5E4B0;
  --accent-dark: #C4A652;
  --accent-50: #2A2515;
  --accent-100: #3D3520;

  --bg-primary: #0C0C14;
  --bg-secondary: #141420;
  --bg-tertiary: #1C1C2E;
  --bg-card: #1A1A28;
  --bg-elevated: #222234;
  --bg-overlay: rgba(0, 0, 0, 0.7);

  --glass-bg: rgba(20, 20, 32, 0.8);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);

  --text-primary: #F0ECE3;
  --text-secondary: #9A9AAE;
  --text-tertiary: #6A6A7E;
  --text-on-primary: #FFFFFF;
  --text-on-accent: #1A1A2E;
  --text-link: #E07A73;

  --border: #2A2A3E;
  --border-light: #222234;
  --border-focus: #E8C97A;

  --success: #4CAF7A;
  --success-light: #1A2E22;
  --error: #E74C3C;
  --error-light: #2E1A1A;
  --warning: #F5A623;
  --warning-light: #2E2515;
  --info: #5DADE2;
  --info-light: #152530;

  --shadow-xs: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.4);
  --shadow-lg: 0 10px 25px rgba(0,0,0,0.5);
  --shadow-xl: 0 20px 50px rgba(0,0,0,0.6);
  --shadow-2xl: 0 25px 60px rgba(0,0,0,0.7);
  --shadow-gold: 0 4px 20px rgba(232,201,122,0.15);
  --shadow-maroon: 0 4px 20px rgba(194,84,77,0.2);
  --shadow-inner: inset 0 2px 4px rgba(0,0,0,0.3);

  color-scheme: dark;
}

/* ── Dark mode adjustments ── */
[data-theme="dark"] img:not(.no-dim) { filter: brightness(0.92); }
[data-theme="dark"] .navbar { background: rgba(12,12,20,0.85); }
[data-theme="dark"] .navbar.scrolled { background: rgba(12,12,20,0.95); }
[data-theme="dark"] ::-webkit-scrollbar-track { background: var(--bg-secondary); }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: var(--border); }

[data-theme="dark"] .btn-primary {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
}
[data-theme="dark"] .btn-gold {
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);
}
[data-theme="dark"] .footer { background: #08080E; }

[data-theme="dark"] .category-icon {
  background: linear-gradient(135deg, var(--primary-50), var(--accent-50));
}
[data-theme="dark"] .search-bar input { background: var(--bg-secondary); }
[data-theme="dark"] .form-input { background: var(--bg-secondary); }

[data-theme="dark"] .hero-section {
  background: linear-gradient(135deg, #1a0a0a 0%, #0C0C14 40%, #15101a 100%);
}

/* ── Theme Toggle Button ── */
.theme-toggle {
  width: 42px; height: 42px; border-radius: var(--radius-full);
  display: flex; align-items: center; justify-content: center;
  background: transparent; color: var(--text-secondary);
  transition: all var(--duration-base); font-size: 18px; cursor: pointer; border: none;
}
.theme-toggle:hover { background: var(--bg-secondary); color: var(--accent); }
.theme-toggle .icon-sun { display: none; }
.theme-toggle .icon-moon { display: block; }
[data-theme="dark"] .theme-toggle .icon-sun { display: block; }
[data-theme="dark"] .theme-toggle .icon-moon { display: none; }