/* —— Tema değişkenleri (data-theme) —— Premium SaaS varsayılan —— */
html[data-theme="saas"],
html[data-theme="indigo"] {
  --bg: #F8FAFC;
  --surface: #FFFFFF;
  --ink: #0F172A;
  --muted: #64748B;
  --line: #E2E8F0;
  --accent: #4F46E5;
  --accent-hover: #4338CA;
  --accent-soft: #EEF2FF;
  --sidebar: #0F172A;
  --sidebar-text: #F8FAFC;
  --sidebar-muted: #94A3B8;
  --ok: #059669;
  --warn: #D97706;
  --danger: #EF4444;
  --info: #0284C7;
}
/* Eski krem temalar → aynı premium slate (göz yormayan) */
html[data-theme="sinanli"],
html[data-theme="forest"],
html[data-theme="sand"],
html[data-theme="copper"] {
  --bg: #F8FAFC;
  --surface: #FFFFFF;
  --ink: #0F172A;
  --muted: #64748B;
  --line: #E2E8F0;
  --accent: #4F46E5;
  --accent-hover: #4338CA;
  --accent-soft: #EEF2FF;
  --sidebar: #0F172A;
  --sidebar-text: #F8FAFC;
  --sidebar-muted: #94A3B8;
  --ok: #059669;
  --warn: #D97706;
  --danger: #EF4444;
  --info: #0284C7;
}
html[data-theme="ocean"] {
  --bg: #F8FAFC; --surface: #fff; --ink: #0F172A; --muted: #64748B; --line: #E2E8F0;
  --accent: #0284C7; --accent-hover: #0369A1; --accent-soft: #E0F2FE;
  --sidebar: #0C1929; --sidebar-text: #E2E8F0; --sidebar-muted: #7DD3FC;
  --ok: #059669; --warn: #D97706; --danger: #EF4444; --info: #0284C7;
}
html[data-theme="slate"] {
  --bg: #F8FAFC; --surface: #fff; --ink: #0F172A; --muted: #64748B; --line: #E2E8F0;
  --accent: #0F172A; --accent-hover: #1E293B; --accent-soft: #F1F5F9;
  --sidebar: #0F172A; --sidebar-text: #F8FAFC; --sidebar-muted: #94A3B8;
}
html[data-theme="rose"] {
  --bg: #F8FAFC; --surface: #fff; --ink: #0F172A; --muted: #64748B; --line: #E2E8F0;
  --accent: #E11D48; --accent-hover: #BE123C; --accent-soft: #FFE4E6;
  --sidebar: #4C0519; --sidebar-text: #FFF1F2; --sidebar-muted: #FDA4AF;
}
html[data-theme="midnight"] {
  --bg: #0B1220; --surface: #141C2E; --ink: #E8EEF8; --muted: #9AA8C0; --line: #243047;
  --accent: #818CF8; --accent-hover: #A5B4FC; --accent-soft: #1E1B4B;
  --sidebar: #060A12; --sidebar-text: #E8EEF8; --sidebar-muted: #7C8BA8;
  --shadow: 0 1px 2px rgba(0,0,0,.35);
  --ok: #34D399; --warn: #FBBF24; --danger: #F87171; --info: #38BDF8;
}
html[data-theme="graphite"] {
  --bg: #0A0A0A; --surface: #171717; --ink: #F5F5F5; --muted: #A3A3A3; --line: #2A2A2A;
  --accent: #818CF8; --accent-hover: #A5B4FC; --accent-soft: #1E1B4B;
  --sidebar: #000; --sidebar-text: #F5F5F5; --sidebar-muted: #737373;
}
html[data-theme="emerald"] {
  --bg: #ECFDF5; --surface: #fff; --ink: #064E3B; --muted: #047857; --line: #A7F3D0;
  --accent: #059669; --accent-hover: #047857; --accent-soft: #D1FAE5;
  --sidebar: #022C22; --sidebar-text: #ECFDF5; --sidebar-muted: #6EE7B7;
}

html[data-theme="midnight"] .card,
html[data-theme="graphite"] .card {
  box-shadow: var(--shadow);
}
html[data-theme="saas"] .nav a.active,
html[data-theme="indigo"] .nav a.active,
html[data-theme="sinanli"] .nav a.active,
html[data-theme="forest"] .nav a.active {
  background: linear-gradient(135deg, #6366F1, #4F46E5);
  color: #fff;
}