/* ═════════════════════════════════════════════════
   /operasyon-app/css/themes.css
   Açık ve Karanlık tema CSS değişkenleri
═════════════════════════════════════════════════ */

/* ═══ DARK THEME (Varsayılan) ═══ */
[data-theme="dark"] {
  /* Arka planlar */
  --bg-deep:       #0a1628;
  --bg-mid:        #0f2038;
  --bg-card:       #142a47;
  --bg-card-alt:   #1a3556;
  --bg-hover:      #1e3d63;

  /* Aksan renkler */
  --gold:          #d4a24c;
  --gold-soft:     #e8c078;
  --gold-dim:      rgba(212, 162, 76, 0.15);
  --gold-border:   rgba(212, 162, 76, 0.3);

  --green:         #5ec28d;
  --green-soft:    #8ed4aa;
  --green-dim:     rgba(94, 194, 141, 0.12);

  --red:           #e56565;
  --red-soft:      #f08080;
  --red-dim:       rgba(229, 101, 101, 0.15);

  --amber:         #e89c3a;
  --amber-dim:     rgba(232, 156, 58, 0.15);

  --blue:          #5a8fd6;
  --blue-dim:      rgba(90, 143, 214, 0.15);

  /* Metin */
  --text-bright:   #f4ead5;
  --text-primary:  #e8dfcc;
  --text-mid:      #b8c9dd;
  --text-dim:      #8ca3c0;
  --text-faint:    #5a7090;

  /* Çizgiler */
  --border:        rgba(212, 162, 76, 0.15);
  --border-strong: rgba(212, 162, 76, 0.3);
  --divider:       rgba(255, 255, 255, 0.06);

  /* Gölgeler */
  --shadow-sm:     0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md:     0 6px 20px rgba(0, 0, 0, 0.35);
  --shadow-lg:     0 16px 40px rgba(0, 0, 0, 0.5);

  /* Form */
  --input-bg:      #0f2038;
  --input-border:  rgba(255, 255, 255, 0.1);
  --input-focus:   var(--gold);
}

/* ═══ LIGHT THEME ═══ */
[data-theme="light"] {
  /* Arka planlar */
  --bg-deep:       #f5f1e8;
  --bg-mid:        #ede6d3;
  --bg-card:       #ffffff;
  --bg-card-alt:   #faf5eb;
  --bg-hover:      #f0e8d0;

  /* Aksan renkler (aynı ton, farklı kontrast) */
  --gold:          #b8862e;
  --gold-soft:     #d4a24c;
  --gold-dim:      rgba(184, 134, 46, 0.12);
  --gold-border:   rgba(184, 134, 46, 0.3);

  --green:         #2e8e5a;
  --green-soft:    #5ec28d;
  --green-dim:     rgba(46, 142, 90, 0.1);

  --red:           #c83838;
  --red-soft:      #e56565;
  --red-dim:       rgba(200, 56, 56, 0.1);

  --amber:         #c57620;
  --amber-dim:     rgba(197, 118, 32, 0.1);

  --blue:          #3d6aaa;
  --blue-dim:      rgba(61, 106, 170, 0.1);

  /* Metin */
  --text-bright:   #1a1611;
  --text-primary:  #2c2820;
  --text-mid:      #4a4538;
  --text-dim:      #6b6550;
  --text-faint:    #8c8670;

  /* Çizgiler */
  --border:        rgba(184, 134, 46, 0.2);
  --border-strong: rgba(184, 134, 46, 0.4);
  --divider:       rgba(0, 0, 0, 0.08);

  /* Gölgeler */
  --shadow-sm:     0 2px 8px rgba(100, 80, 40, 0.08);
  --shadow-md:     0 6px 20px rgba(100, 80, 40, 0.12);
  --shadow-lg:     0 16px 40px rgba(100, 80, 40, 0.18);

  /* Form */
  --input-bg:      #ffffff;
  --input-border:  rgba(0, 0, 0, 0.15);
  --input-focus:   var(--gold);
}

/* Tema değiştirme geçişi */
body, body * {
  transition: background-color 0.25s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Tema ikonu görünürlüğü */
[data-theme="dark"] .theme-icon-light  { display: inline-block; }
[data-theme="dark"] .theme-icon-dark   { display: none; }
[data-theme="light"] .theme-icon-light { display: none; }
[data-theme="light"] .theme-icon-dark  { display: inline-block; }