/* Koyu tema — token + elle ek düzeltmeler (tema-dil.mdc).
   Sabit açık renkler: tema-koyu-oto-N.v1.css (otomatik üretilir). */
:root[data-theme="dark"] {
  color-scheme: dark;

  --color-primary: #5a9be0;
  --color-primary-rgb: 90, 155, 224;
  --color-primary-hover: #77aee8;
  --color-success: #34b36d;
  --color-success-rgb: 52, 179, 109;
  --color-warning: #d9b23a;
  --color-danger: #ef5a4a;
  --color-danger-rgb: 239, 90, 74;
  --color-danger-hover: #f37a6d;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.45);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.55);

  --bg-page: #0f1419;
  --bg-surface: #1a2029;
  --bg-surface-raised: #202733;
  --bg-sidebar: #151a21;
  --bg-topbar: #151a21;
  --bg-input: #1d242e;
  --bg-banner: #222a35;
  --bg-hover: #262f3b;
  --bg-timeline-line: #3a4553;

  --text-primary: #e6edf3;
  --text-secondary: #b3bdc8;
  --text-muted: #8f9cab;
  --text-inverse: #ffffff;

  --shell-nav-text: #e6edf3;
  --shell-nav-icon: #e6edf3;

  --border-color: #2e3946;
  --border-input: #3b4757;
  --table-divider-color: rgba(230, 237, 243, 0.08);
}

:root[data-theme="dark"] body {
  background: var(--bg-page);
  color: var(--text-primary);
}

/* Marka logosu: koyu varyant (Smiles · Turkey · Pro beyaz, GO renkli) — JS de değiştirir (tema-dil.v1.js) */
:root[data-theme="dark"] #shellSidebarLogoFull,
:root[data-theme="dark"] .login-card__logo {
  content: url("../assets/logos/logo-koyu.png");
}

/* Kaydırma çubuğu */
:root[data-theme="dark"] * {
  scrollbar-color: #3b4757 transparent;
}

/* Form alanları — yer tutucu + otomatik doldurma */
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder {
  color: #7d8a99;
}
:root[data-theme="dark"] input:-webkit-autofill {
  -webkit-text-fill-color: var(--text-primary);
  -webkit-box-shadow: 0 0 0 1000px var(--bg-input) inset;
}
:root[data-theme="dark"] select option {
  background: var(--bg-surface);
  color: var(--text-primary);
}

/* Modal karartma biraz daha koyu */
:where(:root[data-theme="dark"]) .app-modal__overlay {
  background: rgba(0, 0, 0, 0.6);
}