/* theme.css - Global Tema Sistemi */

/* ============================================
   TEMA RENK PALETLERİ
   ============================================ */

/* KOYU TEMA - MOR (Varsayılan) */
[data-theme="dark"][data-color="purple"] {
    --dark-bg: #1a1d29;
    --darker-bg: #13151f;
    --card-bg: #232735;
    --border-color: #2d3142;
    --primary-color: #667eea;
    --primary-hover: #5568d3;
    --primary-light: rgba(102, 126, 234, 0.1);
    --text-primary: #e4e6eb;
    --text-secondary: #b0b3b8;
}

/* KOYU TEMA - MAVİ */
[data-theme="dark"][data-color="blue"] {
    --dark-bg: #0f1419;
    --darker-bg: #0a0e13;
    --card-bg: #1a2332;
    --border-color: #2d3748;
    --primary-color: #4facfe;
    --primary-hover: #3b9ae8;
    --primary-light: rgba(79, 172, 254, 0.1);
    --text-primary: #e4e6eb;
    --text-secondary: #b0b3b8;
}

/* KOYU TEMA - YEŞİL */
[data-theme="dark"][data-color="green"] {
    --dark-bg: #0d1b19;
    --darker-bg: #081311;
    --card-bg: #1a2e2a;
    --border-color: #2d4842;
    --primary-color: #43e97b;
    --primary-hover: #38d66d;
    --primary-light: rgba(67, 233, 123, 0.1);
    --text-primary: #e4e6eb;
    --text-secondary: #b0b3b8;
}

/* KOYU TEMA - KIRMIZI/PEMBE */
[data-theme="dark"][data-color="red"] {
    --dark-bg: #1a0d19;
    --darker-bg: #13081f;
    --card-bg: #2e1a2e;
    --border-color: #482d48;
    --primary-color: #f5576c;
    --primary-hover: #e3445a;
    --primary-light: rgba(245, 87, 108, 0.1);
    --text-primary: #e4e6eb;
    --text-secondary: #b0b3b8;
}

/* KOYU TEMA - TURUNCU */
[data-theme="dark"][data-color="orange"] {
    --dark-bg: #1a1409;
    --darker-bg: #130f05;
    --card-bg: #2e2414;
    --border-color: #48381f;
    --primary-color: #ffa726;
    --primary-hover: #fb8c00;
    --primary-light: rgba(255, 167, 38, 0.1);
    --text-primary: #e4e6eb;
    --text-secondary: #b0b3b8;
}

/* KOYU TEMA - TURKUAZ */
[data-theme="dark"][data-color="teal"] {
    --dark-bg: #091a1a;
    --darker-bg: #051313;
    --card-bg: #142e2e;
    --border-color: #1f4848;
    --primary-color: #30cfd0;
    --primary-hover: #28b5b6;
    --primary-light: rgba(48, 207, 208, 0.1);
    --text-primary: #e4e6eb;
    --text-secondary: #b0b3b8;
}

/* ============================================
   AÇIK TEMA PALETLERİ
   ============================================ */

/* AÇIK TEMA - MOR */
[data-theme="light"][data-color="purple"] {
    --dark-bg: #f5f5f7;
    --darker-bg: #ffffff;
    --card-bg: #ffffff;
    --border-color: #e0e0e0;
    --primary-color: #667eea;
    --primary-hover: #5568d3;
    --primary-light: rgba(102, 126, 234, 0.1);
    --text-primary: #1a1d29;
    --text-secondary: #666666;
}

/* AÇIK TEMA - MAVİ */
[data-theme="light"][data-color="blue"] {
    --dark-bg: #f0f4f8;
    --darker-bg: #ffffff;
    --card-bg: #ffffff;
    --border-color: #dce4ec;
    --primary-color: #4facfe;
    --primary-hover: #3b9ae8;
    --primary-light: rgba(79, 172, 254, 0.1);
    --text-primary: #1a202c;
    --text-secondary: #666666;
}

/* AÇIK TEMA - YEŞİL */
[data-theme="light"][data-color="green"] {
    --dark-bg: #f0f8f4;
    --darker-bg: #ffffff;
    --card-bg: #ffffff;
    --border-color: #d4e8e0;
    --primary-color: #43e97b;
    --primary-hover: #38d66d;
    --primary-light: rgba(67, 233, 123, 0.1);
    --text-primary: #1a2e2a;
    --text-secondary: #666666;
}

/* AÇIK TEMA - KIRMIZI/PEMBE */
[data-theme="light"][data-color="red"] {
    --dark-bg: #fef2f4;
    --darker-bg: #ffffff;
    --card-bg: #ffffff;
    --border-color: #fcd6dc;
    --primary-color: #f5576c;
    --primary-hover: #e3445a;
    --primary-light: rgba(245, 87, 108, 0.1);
    --text-primary: #2e1a2e;
    --text-secondary: #666666;
}

/* AÇIK TEMA - TURUNCU */
[data-theme="light"][data-color="orange"] {
    --dark-bg: #fff8f0;
    --darker-bg: #ffffff;
    --card-bg: #ffffff;
    --border-color: #ffe4cc;
    --primary-color: #ffa726;
    --primary-hover: #fb8c00;
    --primary-light: rgba(255, 167, 38, 0.1);
    --text-primary: #2e2414;
    --text-secondary: #666666;
}

/* AÇIK TEMA - TURKUAZ */
[data-theme="light"][data-color="teal"] {
    --dark-bg: #f0f8f8;
    --darker-bg: #ffffff;
    --card-bg: #ffffff;
    --border-color: #d4e8e8;
    --primary-color: #30cfd0;
    --primary-hover: #28b5b6;
    --primary-light: rgba(48, 207, 208, 0.1);
    --text-primary: #142e2e;
    --text-secondary: #666666;
}

/* ============================================
   GENEL STİLLER
   ============================================ */

body {
    background-color: var(--dark-bg);
    color: var(--text-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Navbar */
.navbar-custom {
    background-color: var(--primary-color) !important;
    transition: background-color 0.3s ease;
}

/* Cards */
.card {
    background-color: var(--card-bg);
    border-color: var(--border-color);
    color: var(--text-primary);
    transition: all 0.3s ease;
}

.card-header {
    background-color: var(--darker-bg);
    border-bottom-color: var(--border-color);
    color: var(--text-primary);
}

/* Form Controls */
.form-control,
.form-select {
    background-color: var(--darker-bg);
    border-color: var(--border-color);
    color: var(--text-primary);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.25rem var(--primary-light);
}

/* Table */
.table {
    color: var(--text-primary);
}

.table-dark {
    --bs-table-bg: var(--darker-bg);
    --bs-table-border-color: var(--border-color);
}

/* Dropdown */
.dropdown-menu {
    background-color: var(--card-bg);
    border-color: var(--border-color);
}

.dropdown-item {
    color: var(--text-primary);
}

.dropdown-item:hover {
    background-color: var(--primary-light);
    color: var(--primary-color);
}

/* Buttons */
.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:hover {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--darker-bg);
}

::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color);
}

/* Text Colors */
.text-muted {
    color: var(--text-secondary) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}