/**
 * Tema sistemi — Linear / Stripe / Notion / modern banka hissi
 * 9 hazır tema + kullanıcı özelleştirmeleri (CSS değişkenleri)
 */

:root {
  /* Tipografi — expressive, Inter/system değil */
  --font-display: "Sora", "Segoe UI", sans-serif;
  --font-body: "Manrope", "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --font-size-base: 15px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius: var(--radius-md);

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 20px 50px rgba(15, 23, 42, 0.12);
  --shadow-glow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 12px 40px rgba(0, 0, 0, 0.25);

  --sidebar-width: 260px;
  --topbar-height: 64px;
  --bottom-nav-height: 72px;
  --transition: 180ms cubic-bezier(0.22, 1, 0.36, 1);

  /* Kart / sidebar görünüm yardımcıları */
  --card-style: elevated;
  --sidebar-style: solid;
}

/* ——— LIGHT (varsayılan) ——— */
[data-theme="light"] {
  --bg: #f4f6f9;
  --bg-elevated: #ffffff;
  --bg-muted: #e8edf4;
  --bg-hover: #eef2f7;
  --surface: rgba(255, 255, 255, 0.85);
  --surface-solid: #ffffff;
  --border: rgba(15, 23, 42, 0.08);
  --border-strong: rgba(15, 23, 42, 0.14);
  --text: #0f172a;
  --text-secondary: #475569;
  --text-muted: #94a3b8;
  --primary: #0d9488;
  --primary-hover: #0f766e;
  --primary-soft: rgba(13, 148, 136, 0.12);
  --accent: #2563eb;
  --accent-soft: rgba(37, 99, 235, 0.12);
  --success: #059669;
  --warning: #d97706;
  --danger: #dc2626;
  --info: #0284c7;
  --gradient-hero: linear-gradient(135deg, #0f172a 0%, #134e4a 45%, #0d9488 100%);
  --gradient-card: linear-gradient(160deg, #ffffff 0%, #f0fdfa 100%);
  --mesh: radial-gradient(ellipse at 20% 0%, rgba(13, 148, 136, 0.18), transparent 50%),
    radial-gradient(ellipse at 80% 20%, rgba(37, 99, 235, 0.12), transparent 45%);
  --chart-1: #0d9488;
  --chart-2: #2563eb;
  --chart-3: #d97706;
  --chart-4: #7c3aed;
  --chart-5: #db2777;
  --scrollbar: #cbd5e1;
  color-scheme: light;
}

/* ——— DARK ——— */
[data-theme="dark"] {
  --bg: #0b0f14;
  --bg-elevated: #12181f;
  --bg-muted: #1a222d;
  --bg-hover: #1e2836;
  --surface: rgba(18, 24, 31, 0.9);
  --surface-solid: #12181f;
  --border: rgba(148, 163, 184, 0.12);
  --border-strong: rgba(148, 163, 184, 0.22);
  --text: #f1f5f9;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --primary: #2dd4bf;
  --primary-hover: #5eead4;
  --primary-soft: rgba(45, 212, 191, 0.15);
  --accent: #60a5fa;
  --accent-soft: rgba(96, 165, 250, 0.15);
  --success: #34d399;
  --warning: #fbbf24;
  --danger: #f87171;
  --info: #38bdf8;
  --gradient-hero: linear-gradient(135deg, #020617 0%, #0f766e 50%, #164e63 100%);
  --gradient-card: linear-gradient(160deg, #12181f 0%, #0f1c1a 100%);
  --mesh: radial-gradient(ellipse at 10% 0%, rgba(45, 212, 191, 0.15), transparent 45%),
    radial-gradient(ellipse at 90% 10%, rgba(96, 165, 250, 0.1), transparent 40%);
  --chart-1: #2dd4bf;
  --chart-2: #60a5fa;
  --chart-3: #fbbf24;
  --chart-4: #a78bfa;
  --chart-5: #f472b6;
  --scrollbar: #334155;
  --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.45);
  color-scheme: dark;
}

/* ——— MIDNIGHT ——— */
[data-theme="midnight"] {
  --bg: #05070d;
  --bg-elevated: #0c101c;
  --bg-muted: #141a2a;
  --bg-hover: #1a2236;
  --surface: rgba(12, 16, 28, 0.92);
  --surface-solid: #0c101c;
  --border: rgba(99, 102, 241, 0.15);
  --border-strong: rgba(129, 140, 248, 0.28);
  --text: #eef2ff;
  --text-secondary: #a5b4fc;
  --text-muted: #6366f1;
  --primary: #818cf8;
  --primary-hover: #a5b4fc;
  --primary-soft: rgba(129, 140, 248, 0.18);
  --accent: #22d3ee;
  --accent-soft: rgba(34, 211, 238, 0.15);
  --success: #4ade80;
  --warning: #fbbf24;
  --danger: #fb7185;
  --info: #22d3ee;
  --gradient-hero: linear-gradient(135deg, #020617 0%, #1e1b4b 50%, #0e7490 100%);
  --gradient-card: linear-gradient(160deg, #0c101c 0%, #111827 100%);
  --mesh: radial-gradient(ellipse at 30% 0%, rgba(129, 140, 248, 0.2), transparent 50%),
    radial-gradient(ellipse at 80% 30%, rgba(34, 211, 238, 0.12), transparent 40%);
  --chart-1: #818cf8;
  --chart-2: #22d3ee;
  --chart-3: #f472b6;
  --chart-4: #4ade80;
  --chart-5: #fbbf24;
  --scrollbar: #312e81;
  color-scheme: dark;
}

/* ——— OCEAN ——— */
[data-theme="ocean"] {
  --bg: #f0f9ff;
  --bg-elevated: #ffffff;
  --bg-muted: #e0f2fe;
  --bg-hover: #bae6fd;
  --surface: rgba(255, 255, 255, 0.9);
  --surface-solid: #ffffff;
  --border: rgba(3, 105, 161, 0.12);
  --border-strong: rgba(3, 105, 161, 0.22);
  --text: #0c4a6e;
  --text-secondary: #0369a1;
  --text-muted: #7dd3fc;
  --primary: #0284c7;
  --primary-hover: #0369a1;
  --primary-soft: rgba(2, 132, 199, 0.14);
  --accent: #0d9488;
  --accent-soft: rgba(13, 148, 136, 0.12);
  --success: #059669;
  --warning: #d97706;
  --danger: #e11d48;
  --info: #0284c7;
  --gradient-hero: linear-gradient(135deg, #0c4a6e 0%, #0369a1 50%, #0d9488 100%);
  --gradient-card: linear-gradient(160deg, #ffffff 0%, #e0f2fe 100%);
  --mesh: radial-gradient(ellipse at 15% 0%, rgba(2, 132, 199, 0.2), transparent 50%),
    radial-gradient(ellipse at 85% 20%, rgba(13, 148, 136, 0.15), transparent 45%);
  --chart-1: #0284c7;
  --chart-2: #0d9488;
  --chart-3: #f59e0b;
  --chart-4: #8b5cf6;
  --chart-5: #ec4899;
  --scrollbar: #7dd3fc;
  color-scheme: light;
}

/* ——— EMERALD ——— */
[data-theme="emerald"] {
  --bg: #f0fdf4;
  --bg-elevated: #ffffff;
  --bg-muted: #dcfce7;
  --bg-hover: #bbf7d0;
  --surface: rgba(255, 255, 255, 0.9);
  --surface-solid: #ffffff;
  --border: rgba(5, 150, 105, 0.14);
  --border-strong: rgba(5, 150, 105, 0.24);
  --text: #064e3b;
  --text-secondary: #047857;
  --text-muted: #6ee7b7;
  --primary: #059669;
  --primary-hover: #047857;
  --primary-soft: rgba(5, 150, 105, 0.14);
  --accent: #ca8a04;
  --accent-soft: rgba(202, 138, 4, 0.12);
  --success: #16a34a;
  --warning: #ca8a04;
  --danger: #dc2626;
  --info: #0891b2;
  --gradient-hero: linear-gradient(135deg, #064e3b 0%, #059669 55%, #84cc16 100%);
  --gradient-card: linear-gradient(160deg, #ffffff 0%, #ecfdf5 100%);
  --mesh: radial-gradient(ellipse at 20% 0%, rgba(5, 150, 105, 0.2), transparent 50%);
  --chart-1: #059669;
  --chart-2: #84cc16;
  --chart-3: #ca8a04;
  --chart-4: #0d9488;
  --chart-5: #65a30d;
  --scrollbar: #86efac;
  color-scheme: light;
}

/* ——— PURPLE ——— */
[data-theme="purple"] {
  --bg: #faf5ff;
  --bg-elevated: #ffffff;
  --bg-muted: #f3e8ff;
  --bg-hover: #e9d5ff;
  --surface: rgba(255, 255, 255, 0.9);
  --surface-solid: #ffffff;
  --border: rgba(124, 58, 237, 0.12);
  --border-strong: rgba(124, 58, 237, 0.22);
  --text: #3b0764;
  --text-secondary: #6b21a8;
  --text-muted: #c4b5fd;
  --primary: #7c3aed;
  --primary-hover: #6d28d9;
  --primary-soft: rgba(124, 58, 237, 0.14);
  --accent: #db2777;
  --accent-soft: rgba(219, 39, 119, 0.12);
  --success: #059669;
  --warning: #d97706;
  --danger: #e11d48;
  --info: #7c3aed;
  --gradient-hero: linear-gradient(135deg, #3b0764 0%, #7c3aed 50%, #db2777 100%);
  --gradient-card: linear-gradient(160deg, #ffffff 0%, #faf5ff 100%);
  --mesh: radial-gradient(ellipse at 25% 0%, rgba(124, 58, 237, 0.2), transparent 50%);
  --chart-1: #7c3aed;
  --chart-2: #db2777;
  --chart-3: #6366f1;
  --chart-4: #a855f7;
  --chart-5: #ec4899;
  --scrollbar: #d8b4fe;
  color-scheme: light;
}

/* ——— SUNSET ——— */
[data-theme="sunset"] {
  --bg: #fff7ed;
  --bg-elevated: #ffffff;
  --bg-muted: #ffedd5;
  --bg-hover: #fed7aa;
  --surface: rgba(255, 255, 255, 0.92);
  --surface-solid: #ffffff;
  --border: rgba(234, 88, 12, 0.14);
  --border-strong: rgba(234, 88, 12, 0.24);
  --text: #7c2d12;
  --text-secondary: #c2410c;
  --text-muted: #fdba74;
  --primary: #ea580c;
  --primary-hover: #c2410c;
  --primary-soft: rgba(234, 88, 12, 0.14);
  --accent: #db2777;
  --accent-soft: rgba(219, 39, 119, 0.12);
  --success: #16a34a;
  --warning: #ca8a04;
  --danger: #dc2626;
  --info: #e11d48;
  --gradient-hero: linear-gradient(135deg, #7c2d12 0%, #ea580c 45%, #db2777 100%);
  --gradient-card: linear-gradient(160deg, #ffffff 0%, #fff7ed 100%);
  --mesh: radial-gradient(ellipse at 20% 0%, rgba(234, 88, 12, 0.22), transparent 50%);
  --chart-1: #ea580c;
  --chart-2: #db2777;
  --chart-3: #f59e0b;
  --chart-4: #f43f5e;
  --chart-5: #fb923c;
  --scrollbar: #fdba74;
  color-scheme: light;
}

/* ——— CORPORATE ——— */
[data-theme="corporate"] {
  --bg: #f1f5f9;
  --bg-elevated: #ffffff;
  --bg-muted: #e2e8f0;
  --bg-hover: #cbd5e1;
  --surface: rgba(255, 255, 255, 0.95);
  --surface-solid: #ffffff;
  --border: rgba(30, 41, 59, 0.1);
  --border-strong: rgba(30, 41, 59, 0.18);
  --text: #0f172a;
  --text-secondary: #334155;
  --text-muted: #94a3b8;
  --primary: #1e40af;
  --primary-hover: #1e3a8a;
  --primary-soft: rgba(30, 64, 175, 0.12);
  --accent: #0f766e;
  --accent-soft: rgba(15, 118, 110, 0.12);
  --success: #047857;
  --warning: #b45309;
  --danger: #b91c1c;
  --info: #1d4ed8;
  --gradient-hero: linear-gradient(135deg, #0f172a 0%, #1e3a8a 55%, #0f766e 100%);
  --gradient-card: linear-gradient(160deg, #ffffff 0%, #f8fafc 100%);
  --mesh: radial-gradient(ellipse at 15% 0%, rgba(30, 64, 175, 0.15), transparent 50%);
  --chart-1: #1e40af;
  --chart-2: #0f766e;
  --chart-3: #b45309;
  --chart-4: #475569;
  --chart-5: #0369a1;
  --scrollbar: #94a3b8;
  color-scheme: light;
}

/* ——— MINIMAL ——— */
[data-theme="minimal"] {
  --bg: #fafafa;
  --bg-elevated: #ffffff;
  --bg-muted: #f0f0f0;
  --bg-hover: #e8e8e8;
  --surface: #ffffff;
  --surface-solid: #ffffff;
  --border: rgba(0, 0, 0, 0.08);
  --border-strong: rgba(0, 0, 0, 0.14);
  --text: #111111;
  --text-secondary: #555555;
  --text-muted: #999999;
  --primary: #111111;
  --primary-hover: #333333;
  --primary-soft: rgba(17, 17, 17, 0.08);
  --accent: #444444;
  --accent-soft: rgba(68, 68, 68, 0.08);
  --success: #166534;
  --warning: #854d0e;
  --danger: #991b1b;
  --info: #1e3a5f;
  --gradient-hero: linear-gradient(135deg, #111 0%, #333 100%);
  --gradient-card: #ffffff;
  --mesh: none;
  --chart-1: #111111;
  --chart-2: #555555;
  --chart-3: #888888;
  --chart-4: #166534;
  --chart-5: #854d0e;
  --shadow-md: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.08);
  --scrollbar: #cccccc;
  color-scheme: light;
}

/* Kullanıcı özelleştirmeleri (JS ile override) */
[data-custom-primary] {
  --primary: var(--custom-primary);
}
[data-custom-accent] {
  --accent: var(--custom-accent);
}

/* Kart stilleri */
[data-card-style="flat"] .card,
[data-card-style="flat"] .stat-card {
  box-shadow: none;
  border: 1px solid var(--border-strong);
  background: var(--surface-solid);
}

[data-card-style="glass"] .card,
[data-card-style="glass"] .stat-card {
  background: var(--surface);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--border);
}

[data-card-style="bordered"] .card,
[data-card-style="bordered"] .stat-card {
  box-shadow: none;
  border: 2px solid var(--border-strong);
}

/* Sidebar stilleri */
[data-sidebar-style="glass"] .sidebar {
  background: var(--surface);
  backdrop-filter: blur(20px);
}

[data-sidebar-style="minimal"] .sidebar {
  background: transparent;
  border-right: 1px solid var(--border);
}

[data-radius="sm"] { --radius: 6px; --radius-md: 6px; --radius-lg: 10px; --radius-xl: 14px; }
[data-radius="md"] { --radius: 12px; }
[data-radius="lg"] { --radius: 16px; --radius-md: 16px; --radius-lg: 20px; --radius-xl: 28px; }
[data-radius="xl"] { --radius: 20px; --radius-md: 20px; --radius-lg: 28px; --radius-xl: 36px; }

[data-font-size="sm"] { --font-size-base: 13px; }
[data-font-size="md"] { --font-size-base: 15px; }
[data-font-size="lg"] { --font-size-base: 17px; }