/* ============================================
   HAMLE - Theme Packages
   5 alternate themes (default Kumlu Altın is in style.css :root)
   Each theme overrides CSS custom properties via [data-theme] selector
   ============================================ */

/* ──────────────────────────────────────────────
   Theme 2: Osmanlı Laciverti
   Deep navy backgrounds, warm gold accents
   Ottoman elegance, İznik blue inspiration
   ────────────────────────────────────────────── */
[data-theme="osmanli"] {
  /* Arka Plan */
  --bg-deep: #080D18;
  --bg-primary: #0D1525;
  --bg-secondary: #152035;
  --bg-tertiary: #1B2A45;
  --bg-card: #162338;

  /* Ana Vurgu - Sıcak Altın */
  --sand: #D4A84B;
  --sand-light: #E0C06A;
  --sand-muted: #B08E3A;
  --sand-dark: #8A6E2A;
  --sand-glow: rgba(212, 168, 75, 0.15);

  /* Metin */
  --cream: #E0E1DD;
  --cream-muted: #A5B3C4;

  /* Gri */
  --warm-gray: #7A8598;
  --warm-gray-dark: #4A5568;

  /* Bordür & Glow */
  --border: rgba(212, 168, 75, 0.1);
  --border-hover: rgba(212, 168, 75, 0.25);
  --glow-sand: 0 0 40px rgba(212, 168, 75, 0.08);

  /* Accent */
  --navy: #0A1428;
  --navy-light: #2A4060;
  --gold-warm: #E0A830;
  --teal: #2DD4BF;
  --teal-soft: #5EEAD4;
  --coral: #F0A868;
  --crimson: #E03040;
  --silver: #94A3B8;
}

/* ──────────────────────────────────────────────
   Theme 3: Zümrüt Vaha
   Dark emerald backgrounds, sage/green accents
   Islamic green, nature calm
   ────────────────────────────────────────────── */
[data-theme="zumrut"] {
  /* Arka Plan */
  --bg-deep: #060E0A;
  --bg-primary: #0B1A12;
  --bg-secondary: #12261B;
  --bg-tertiary: #1A3225;
  --bg-card: #152A1E;

  /* Ana Vurgu - Adaçayı Yeşili */
  --sand: #7BC67E;
  --sand-light: #A3D9A5;
  --sand-muted: #5DA660;
  --sand-dark: #458048;
  --sand-glow: rgba(123, 198, 126, 0.15);

  /* Metin */
  --cream: #E5EDE6;
  --cream-muted: #B8C8BA;

  /* Gri */
  --warm-gray: #7A9080;
  --warm-gray-dark: #4E6454;

  /* Bordür & Glow */
  --border: rgba(123, 198, 126, 0.1);
  --border-hover: rgba(123, 198, 126, 0.25);
  --glow-sand: 0 0 40px rgba(123, 198, 126, 0.08);

  /* Accent */
  --navy: #0A1A10;
  --navy-light: #2A4A35;
  --gold-warm: #D4A84B;
  --teal: #2DD4BF;
  --teal-soft: #5EEAD4;
  --coral: #E8A87C;
  --crimson: #D44040;
  --silver: #8A9E90;
}

/* ──────────────────────────────────────────────
   Theme 4: Bordo Divan
   Warm charcoal with burgundy/wine accents
   Rich and dramatic
   ────────────────────────────────────────────── */
[data-theme="bordo"] {
  /* Arka Plan */
  --bg-deep: #0E090B;
  --bg-primary: #1A1118;
  --bg-secondary: #261B22;
  --bg-tertiary: #32252C;
  --bg-card: #2A1E25;

  /* Ana Vurgu - Gül/Mor */
  --sand: #C4727A;
  --sand-light: #D9969C;
  --sand-muted: #A45860;
  --sand-dark: #844048;
  --sand-glow: rgba(196, 114, 122, 0.15);

  /* Metin */
  --cream: #EDE5E0;
  --cream-muted: #C4B4AD;

  /* Gri */
  --warm-gray: #8E7E78;
  --warm-gray-dark: #5E504A;

  /* Bordür & Glow */
  --border: rgba(196, 114, 122, 0.1);
  --border-hover: rgba(196, 114, 122, 0.25);
  --glow-sand: 0 0 40px rgba(196, 114, 122, 0.08);

  /* Accent */
  --navy: #1A0E14;
  --navy-light: #3A2A34;
  --gold-warm: #D4A84B;
  --teal: #83C5BE;
  --teal-soft: #A0D8D0;
  --coral: #E8A87C;
  --crimson: #A4243B;
  --silver: #9E8E88;
}

/* ──────────────────────────────────────────────
   Theme 6: Gece Safiri
   Deep slate/blue with ice blue accents
   Modern, cool, tech-forward
   ────────────────────────────────────────────── */
[data-theme="safir"] {
  /* Arka Plan - Arduvaz Tonları */
  --bg-deep: #0A0E1A;
  --bg-primary: #111827;
  --bg-secondary: #1E293B;
  --bg-tertiary: #253043;
  --bg-card: #1A2332;

  /* Ana Vurgu - Buz Mavisi */
  --sand: #60A5FA;
  --sand-light: #93C5FD;
  --sand-muted: #3B82F6;
  --sand-dark: #2563EB;
  --sand-glow: rgba(96, 165, 250, 0.12);

  /* Metin */
  --cream: #E2E8F0;
  --cream-muted: #CBD5E1;

  /* Gri */
  --warm-gray: #94A3B8;
  --warm-gray-dark: #64748B;

  /* Bordür & Glow */
  --border: rgba(96, 165, 250, 0.1);
  --border-hover: rgba(96, 165, 250, 0.25);
  --glow-sand: 0 0 40px rgba(96, 165, 250, 0.08);

  /* Accent */
  --navy: #1E3A5F;
  --navy-light: #3A5A80;
  --gold-warm: #FBBF24;
  --teal: #2DD4BF;
  --teal-soft: #5EEAD4;
  --coral: #FB923C;
  --crimson: #EF4444;
  --silver: #94A3B8;
}

/* ============================================
   LIGHT MODE VARIANTS
   ============================================ */

/* Default (Kumlu Altın) — Light */
[data-mode="light"] {
  --bg-deep: #FAF7F2;
  --bg-primary: #F5F0E8;
  --bg-secondary: #EDE6DA;
  --bg-tertiary: #E5DDD0;
  --bg-card: #FFFFFF;

  --sand: #96762A;
  --sand-light: #B08A30;
  --sand-muted: #7A5E18;
  --sand-dark: #5C4712;
  --sand-glow: rgba(150, 118, 42, 0.08);

  --cream: #1A1510;
  --cream-muted: #3D3428;
  --warm-gray: #6B5E4E;
  --warm-gray-dark: #A09585;

  --border: rgba(150, 118, 42, 0.12);
  --border-hover: rgba(150, 118, 42, 0.25);
  --glow-sand: 0 0 40px rgba(150, 118, 42, 0.06);

  --teal: #005A63;
  --teal-soft: #00838F;
  --coral: #C4745E;
  --crimson: #B91C1C;
  --gold-warm: #92710F;
  --navy: #1B263B;
  --navy-light: #415A77;
  --silver: #6B7280;
}

/* Osmanlı Laciverti — Light */
[data-theme="osmanli"][data-mode="light"] {
  --bg-deep: #F0F4FA;
  --bg-primary: #E8EDF5;
  --bg-secondary: #DCE3EF;
  --bg-tertiary: #D0D8E8;
  --bg-card: #FFFFFF;

  --sand: #9A7520;
  --sand-light: #B08A30;
  --sand-muted: #806218;
  --sand-dark: #604A10;
  --sand-glow: rgba(154, 117, 32, 0.08);

  --cream: #0D1525;
  --cream-muted: #1B2A45;
  --warm-gray: #4A5568;
  --warm-gray-dark: #94A3B8;

  --border: rgba(154, 117, 32, 0.12);
  --border-hover: rgba(154, 117, 32, 0.25);
  --glow-sand: 0 0 40px rgba(154, 117, 32, 0.06);
}

/* Zümrüt Vaha — Light */
[data-theme="zumrut"][data-mode="light"] {
  --bg-deep: #F2F8F4;
  --bg-primary: #E8F3EB;
  --bg-secondary: #DCEEE0;
  --bg-tertiary: #D0E8D5;
  --bg-card: #FFFFFF;

  --sand: #2E7D32;
  --sand-light: #4CAF50;
  --sand-muted: #1B5E20;
  --sand-dark: #124116;
  --sand-glow: rgba(46, 125, 50, 0.08);

  --cream: #0B1A12;
  --cream-muted: #12261B;
  --warm-gray: #4E6454;
  --warm-gray-dark: #90A898;

  --border: rgba(46, 125, 50, 0.12);
  --border-hover: rgba(46, 125, 50, 0.25);
  --glow-sand: 0 0 40px rgba(46, 125, 50, 0.06);
}

/* Bordo Divan — Light */
[data-theme="bordo"][data-mode="light"] {
  --bg-deep: #FAF5F3;
  --bg-primary: #F5EDE9;
  --bg-secondary: #EDE3DE;
  --bg-tertiary: #E5D9D3;
  --bg-card: #FFFFFF;

  --sand: #8B3A42;
  --sand-light: #A45860;
  --sand-muted: #703038;
  --sand-dark: #5A2028;
  --sand-glow: rgba(139, 58, 66, 0.08);

  --cream: #1A1118;
  --cream-muted: #32252C;
  --warm-gray: #5E504A;
  --warm-gray-dark: #A09590;

  --border: rgba(139, 58, 66, 0.12);
  --border-hover: rgba(139, 58, 66, 0.25);
  --glow-sand: 0 0 40px rgba(139, 58, 66, 0.06);
}

/* Gece Safiri — Light */
[data-theme="safir"][data-mode="light"] {
  --bg-deep: #F0F5FF;
  --bg-primary: #E8F0FE;
  --bg-secondary: #DBEAFE;
  --bg-tertiary: #BFDBFE;
  --bg-card: #FFFFFF;

  --sand: #2563EB;
  --sand-light: #3B82F6;
  --sand-muted: #1D4ED8;
  --sand-dark: #1E40AF;
  --sand-glow: rgba(37, 99, 235, 0.08);

  --cream: #111827;
  --cream-muted: #1E293B;
  --warm-gray: #64748B;
  --warm-gray-dark: #94A3B8;

  --border: rgba(37, 99, 235, 0.12);
  --border-hover: rgba(37, 99, 235, 0.25);
  --glow-sand: 0 0 40px rgba(37, 99, 235, 0.06);
}

/* --- Light mode element overrides (all themes) --- */
[data-mode="light"] .nav.scrolled {
  background: rgba(245, 240, 232, 0.92);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}

[data-mode="light"] .nav-links.active {
  background: rgba(245, 240, 232, 0.98);
}

[data-mode="light"] .nav-links.active a {
  color: var(--cream);
}

[data-mode="light"] .hero {
  background: var(--bg-tertiary);
}

[data-mode="light"] .hero-aurora .orb {
  opacity: 0.2;
  mix-blend-mode: multiply;
}

[data-mode="light"] #particle-canvas {
  opacity: 0.7;
}

[data-mode="light"] .hero-pattern {
  opacity: 0.04;
}

[data-mode="light"] .hero-divider {
  background: var(--sand);
}

[data-mode="light"] .hero-slogan {
  color: var(--sand);
}

[data-mode="light"] .hero-scroll-indicator span {
  color: var(--warm-gray);
}

[data-mode="light"] .bizkimiz-card::before {
  display: none;
}

[data-mode="light"] .video-card {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

[data-mode="light"] .vizyon-item {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-mode="light"] .footer {
  border-top-color: rgba(0, 0, 0, 0.08);
}

/* --- Smooth mode transition --- */
html.mode-transitioning,
html.mode-transitioning *,
html.mode-transitioning *::before,
html.mode-transitioning *::after {
  transition: background-color 0.4s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}