/* ── Tema 1 (varsayılan – yeşil/kırmızı) ── */
:root,
[data-theme="tema-1"] {
  --page-bg: #f2f2f0;
  --background: 242 242 240;
  --foreground: 26 26 26;
  --accent: 239 68 68;
  --brand-lime: #8cc63f;
  --brand-lime-dark: #7ab836;
  --brand-lime-light: #9cd44a;
  --brand-lime-muted: #e8f5d6;
  --theme-accent: #ef4444;
  --theme-highlight: #8cc63f;
  --theme-primary: #ef4444;
  --theme-primary-hover: #dc2626;
  --theme-surface: #ffffff;
  --theme-topbar: #f2f2f0;
}

/* ── Tema 2 – SosyalEvin tarzı (pembe/mor) ── */
[data-theme="tema-2"] {
  --page-bg: #f3f2fb;
  --background: 243 242 251;
  --foreground: 15 17 23;
  --accent: 255 46 99;
  --brand-lime: #ff2e63;
  --brand-lime-dark: #ff1654;
  --brand-lime-light: #ff5c8a;
  --brand-lime-muted: #ffe0eb;
  --theme-accent: #ff2e63;
  --theme-highlight: #ff2e63;
  --theme-primary: #ff2e63;
  --theme-primary-hover: #ff1654;
  --theme-surface: #ffffff;
  --theme-topbar: #ecebff;
  --t2-dark: #0f1117;
  --t2-card: #1a1d2e;
}

[data-theme="tema-2"] body,
[data-theme="tema-2"] .bg-page {
  background-color: #f3f2fb !important;
}

[data-theme="tema-2"] .bg-red-500,
[data-theme="tema-2"] .hover\:bg-red-600:hover {
  background-color: #ff2e63 !important;
}

[data-theme="tema-2"] .text-red-500 {
  color: #ff2e63 !important;
}

[data-theme="tema-2"] .border-gray-200 {
  border-color: #e8e7f3 !important;
}

/* ── Tema 3 – Aurora Pro (indigo/cyan) ── */
[data-theme="tema-3"] {
  --page-bg: #f4f6fb;
  --background: 244 246 251;
  --foreground: 15 23 42;
  --accent: 79 70 229;
  --brand-lime: #4f46e5;
  --brand-lime-dark: #4338ca;
  --brand-lime-light: #6366f1;
  --brand-lime-muted: #e0e7ff;
  --theme-accent: #06b6d4;
  --theme-highlight: #4f46e5;
  --theme-primary: #4f46e5;
  --theme-primary-hover: #4338ca;
  --theme-surface: #ffffff;
  --theme-topbar: #f4f6fb;
  --t3-dark: #0b1220;
  --t3-card: #1e1b4b;
}

[data-theme="tema-3"] body,
[data-theme="tema-3"] .bg-page {
  background-color: #f4f6fb !important;
}

[data-theme="tema-3"] .bg-red-500,
[data-theme="tema-3"] .hover\:bg-red-600:hover {
  background-color: #4f46e5 !important;
}

[data-theme="tema-3"] .text-red-500 {
  color: #4f46e5 !important;
}

[data-theme="tema-3"] .border-gray-200 {
  border-color: #e2e8f0 !important;
}