/* =============================================================
   BulutAtom × Nexus – GÜNDÜZ (LIGHT) MODU
   Tetikleyici: html[data-ba-theme="light"]
   ============================================================= */

html[data-ba-theme="light"] {
  /* ── Obsidian palette → açık tonlar ─────────────────────── */
  --ba-obsidian:   #ffffff;
  --ba-obsidian-2: #f4f6f9;
  --ba-obsidian-3: #eaecf0;
  --ba-obsidian-4: #dde1e7;
  --ba-obsidian-5: #c8cdd6;
  --ba-obsidian-6: #adb5c2;

  /* ── Accent: emerald aynı kalır ─────────────────────────── */
  --ba-emerald:        #00b854;
  --ba-emerald-dim:    #009940;
  --ba-emerald-glow:   rgba(0,184,84,.12);
  --ba-emerald-border: rgba(0,184,84,.3);

  /* ── Text ──────────────────────────────────────────────── */
  --ba-bone:       #1a1f2e;
  --ba-bone-dim:   #3d4456;
  --ba-bone-muted: #6b7280;

  /* ── Nexus CSS değişkenleri ─────────────────────────────── */
  --neutral-50:  #1a1f2e;
  --neutral-100: #eaecf0;
  --neutral-200: #dde1e7;
  --neutral-300: #c8cdd6;
  --neutral-400: #6b7280;
  --neutral-500: #3d4456;
  --neutral-600: #1a1f2e;
  --neutral-700: #1a1f2e;
  --neutral-800: #1a1f2e;
  --neutral-900: #1a1f2e;
  --neutral-950: #1a1f2e;

  --primary:           #00b854;
  --primary-lifted:    #009940;
  --primary-accented:  #007830;
  --secondary:         #6b7280;
  --secondary-lifted:  #3d4456;
  --secondary-accented:#1a1f2e;

  --text:          #1a1f2e;
  --text-muted:    #6b7280;
  --text-lifted:   #3d4456;
  --text-accented: #1a1f2e;
  --text-inverted: #ffffff;

  --border-muted:    rgba(200,205,214,.5);
  --border:          #dde1e7;
  --border-lifted:   #c8cdd6;
  --border-accented: #adb5c2;

  --bg:          #f4f6f9;
  --bg-muted:    #ffffff;
  --bg-lifted:   #eaecf0;
  --bg-accented: #dde1e7;
  --bg-inverted: #1a1f2e;

  --grayscale:         #eaecf0;
  --grayscale-lifted:  #dde1e7;
  --grayscale-accented:#c8cdd6;
  --neutral-color:     #6b7280;
  --neutral-lifted:    #3d4456;
  --neutral-accented:  #1a1f2e;
}

/* ── Genel arka plan + yazı rengi ─────────────────────────── */
html[data-ba-theme="light"] body {
  background-color: #f4f6f9 !important;
  color: #1a1f2e !important;
}

/* ── Scrollbar ────────────────────────────────────────────── */
html[data-ba-theme="light"] ::-webkit-scrollbar-track { background: #f4f6f9; }
html[data-ba-theme="light"] ::-webkit-scrollbar-thumb { background: #c8cdd6; }
html[data-ba-theme="light"] ::-webkit-scrollbar-thumb:hover { background: #00b854; }

/* ── Header ───────────────────────────────────────────────── */
html[data-ba-theme="light"] header.header {
  background: rgba(255,255,255,.92) !important;
  border-bottom-color: #dde1e7 !important;
}
html[data-ba-theme="light"] header.header .topbar {
  background: #eaecf0 !important;
  border-bottom-color: #dde1e7 !important;
  color: #3d4456 !important;
}
html[data-ba-theme="light"] header.header .topbar .btn { color: #3d4456 !important; }
html[data-ba-theme="light"] header.header .topbar .btn:hover { color: #00b854 !important; }
html[data-ba-theme="light"] header.header .topbar .input-group-text { color: #6b7280 !important; }
html[data-ba-theme="light"] header.header .navbar.navbar-light { border-bottom-color: #dde1e7 !important; }
html[data-ba-theme="light"] header.header .navbar-brand { color: #1a1f2e !important; }

/* ── Navbar menü ──────────────────────────────────────────── */
html[data-ba-theme="light"] .main-navbar-wrapper {
  background: #ffffff !important;
  border-bottom: 1px solid #dde1e7 !important;
}
html[data-ba-theme="light"] .main-navbar-wrapper .nav-link {
  color: #3d4456 !important;
}
html[data-ba-theme="light"] .main-navbar-wrapper .nav-link:hover,
html[data-ba-theme="light"] .main-navbar-wrapper .nav-link.active {
  color: #00b854 !important;
}
html[data-ba-theme="light"] .dropdown-menu {
  background: #ffffff !important;
  border-color: #dde1e7 !important;
}
html[data-ba-theme="light"] .dropdown-item { color: #3d4456 !important; }
html[data-ba-theme="light"] .dropdown-item:hover {
  background: #f4f6f9 !important;
  color: #00b854 !important;
}
html[data-ba-theme="light"] .dropdown-divider { border-color: #dde1e7 !important; }

/* ── Sidebar ──────────────────────────────────────────────── */
html[data-ba-theme="light"] .sidebar { background: #ffffff !important; border-color: #dde1e7 !important; }
html[data-ba-theme="light"] .sidebar .sidebar-nav .nav-link { color: #3d4456 !important; }
html[data-ba-theme="light"] .sidebar .sidebar-nav .nav-link:hover { color: #00b854 !important; background: #f4f6f9 !important; }
html[data-ba-theme="light"] .sidebar .sidebar-nav .nav-link.active { color: #00b854 !important; background: rgba(0,184,84,.08) !important; }

/* ── Panel / kartlar ──────────────────────────────────────── */
html[data-ba-theme="light"] .panel,
html[data-ba-theme="light"] .card,
html[data-ba-theme="light"] .panel-default {
  background: #ffffff !important;
  border-color: #dde1e7 !important;
}
html[data-ba-theme="light"] .panel-heading,
html[data-ba-theme="light"] .card-header {
  background: #f4f6f9 !important;
  border-bottom-color: #dde1e7 !important;
  color: #1a1f2e !important;
}
html[data-ba-theme="light"] .panel-body,
html[data-ba-theme="light"] .card-body { background: #ffffff !important; color: #1a1f2e !important; }
html[data-ba-theme="light"] .panel-footer,
html[data-ba-theme="light"] .card-footer { background: #f4f6f9 !important; border-top-color: #dde1e7 !important; }

/* ── Tablolar ─────────────────────────────────────────────── */
html[data-ba-theme="light"] .table { color: #1a1f2e !important; }
html[data-ba-theme="light"] .table thead th {
  background: #f4f6f9 !important;
  border-color: #dde1e7 !important;
  color: #3d4456 !important;
}
html[data-ba-theme="light"] .table td,
html[data-ba-theme="light"] .table th { border-color: #eaecf0 !important; }
html[data-ba-theme="light"] .table-striped tbody tr:nth-of-type(odd) { background: #fafbfc !important; }
html[data-ba-theme="light"] .table-hover tbody tr:hover { background: rgba(0,184,84,.05) !important; }

/* ── Form elemanları ──────────────────────────────────────── */
html[data-ba-theme="light"] .form-control {
  background: #ffffff !important;
  border-color: #dde1e7 !important;
  color: #1a1f2e !important;
}
html[data-ba-theme="light"] .form-control:focus {
  border-color: rgba(0,184,84,.4) !important;
  box-shadow: 0 0 0 3px rgba(0,184,84,.1) !important;
}
html[data-ba-theme="light"] .form-control::placeholder { color: #adb5c2 !important; }
html[data-ba-theme="light"] .custom-select {
  background-color: #ffffff !important;
  border-color: #dde1e7 !important;
  color: #1a1f2e !important;
}
html[data-ba-theme="light"] .input-group-text {
  background: #f4f6f9 !important;
  border-color: #dde1e7 !important;
  color: #6b7280 !important;
}

/* ── Butonlar ─────────────────────────────────────────────── */
html[data-ba-theme="light"] .btn-default,
html[data-ba-theme="light"] .btn-secondary {
  background: #eaecf0 !important;
  border-color: #dde1e7 !important;
  color: #3d4456 !important;
}
html[data-ba-theme="light"] .btn-default:hover,
html[data-ba-theme="light"] .btn-secondary:hover {
  background: #dde1e7 !important;
  color: #1a1f2e !important;
}
html[data-ba-theme="light"] .btn-primary {
  background: #00b854 !important;
  border-color: #00b854 !important;
  color: #ffffff !important;
}
html[data-ba-theme="light"] .btn-primary:hover {
  background: #009940 !important;
  box-shadow: 0 0 16px rgba(0,184,84,.25) !important;
}

/* ── Alerts ───────────────────────────────────────────────── */
html[data-ba-theme="light"] .alert-success { background: rgba(0,184,84,.08) !important; border-color: #00b854 !important; color: #005c2a !important; }
html[data-ba-theme="light"] .alert-danger  { background: rgba(244,63,94,.08) !important; border-color: #f43f5e !important; color: #9f1239 !important; }
html[data-ba-theme="light"] .alert-warning { background: rgba(245,158,11,.08) !important; border-color: #f59e0b !important; color: #92400e !important; }
html[data-ba-theme="light"] .alert-info    { background: rgba(14,165,233,.08) !important; border-color: #0ea5e9 !important; color: #075985 !important; }

/* ── Breadcrumb ───────────────────────────────────────────── */
html[data-ba-theme="light"] .master-breadcrumb { background: #eaecf0 !important; border-bottom-color: #dde1e7 !important; }
html[data-ba-theme="light"] .breadcrumb { background: transparent !important; }
html[data-ba-theme="light"] .breadcrumb-item a { color: #3d4456 !important; }
html[data-ba-theme="light"] .breadcrumb-item.active { color: #6b7280 !important; }
html[data-ba-theme="light"] .breadcrumb-item + .breadcrumb-item::before { color: #adb5c2 !important; }

/* ── Footer ───────────────────────────────────────────────── */
html[data-ba-theme="light"] footer { background: #ffffff !important; border-top-color: #dde1e7 !important; }
html[data-ba-theme="light"] footer .footer-links a { color: #6b7280 !important; }
html[data-ba-theme="light"] footer .footer-links a:hover { color: #00b854 !important; }
html[data-ba-theme="light"] footer .footer-bottom { background: #f4f6f9 !important; border-top-color: #dde1e7 !important; }

/* ── Modals ───────────────────────────────────────────────── */
html[data-ba-theme="light"] .modal-content { background: #ffffff !important; border-color: #dde1e7 !important; }
html[data-ba-theme="light"] .modal-header { background: #f4f6f9 !important; border-bottom-color: #dde1e7 !important; }
html[data-ba-theme="light"] .modal-footer { background: #f4f6f9 !important; border-top-color: #dde1e7 !important; }
html[data-ba-theme="light"] .modal-title { color: #1a1f2e !important; }

/* ── Badge ────────────────────────────────────────────────── */
html[data-ba-theme="light"] .badge-dark { background: #dde1e7 !important; color: #3d4456 !important; }

/* ── Popover / Tooltip ────────────────────────────────────── */
html[data-ba-theme="light"] .popover { background: #ffffff !important; border-color: #dde1e7 !important; }
html[data-ba-theme="light"] .popover-body { color: #1a1f2e !important; }
html[data-ba-theme="light"] .tooltip-inner { background: #1a1f2e !important; color: #ffffff !important; }

/* ── Toggle buton rengi ───────────────────────────────────── */
html[data-ba-theme="light"] #ba-theme-toggle { color: #3d4456 !important; }
html[data-ba-theme="light"] #ba-theme-toggle:hover { color: #00b854 !important; }

/* ── Section main-body ────────────────────────────────────── */
html[data-ba-theme="light"] #main-body { background: #f4f6f9 !important; }

/* ── Geçiş animasyonu ─────────────────────────────────────── */
html, body, header.header, .panel, .card, .sidebar,
.modal-content, .dropdown-menu, .form-control, footer {
  transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease !important;
}
