/* =================================== 
   OTORIA GENEL TEMA DEĞİŞKENLERİ
   Tüm sayfalar için ortak CSS değişkenleri
   =================================== */

:root {
    /* === LIGHT MODE DEĞİŞKENLERİ === */
    /* Arka plan renkleri */
    --bg-primary: #f8f9fa;
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --bg-table-header: #f8f9fa;
    --bg-table-row: #ffffff;
    --bg-table-row-hover: #f8f9fa;
    --bg-modal: #ffffff;
    --bg-dropdown: #ffffff;
    --bg-sidebar: #f8f9fa;
    --bg-header: #ffffff;
    
    /* Border renkleri */
    --border: #dee2e6;
    --border-input: #ced4da;
    --border-card: #e9ecef;
    --border-table: #eff2f7;
    --border-modal: #dee2e6;
    
    /* Text renkleri */
    --text-primary: #495057;
    --text-secondary: #6c757d;
    --text-light: #878a8c;
    --text-dark: #212529;
    --text-white: #ffffff;
    --text-muted: #6c757d;
    
    /* Button renkleri */
    --btn-primary: #556ee6;
    --btn-primary-hover: #4a62cd;
    --btn-success: #34c38f;
    --btn-success-hover: #2ca97a;
    --btn-danger: #f46a6a;
    --btn-danger-hover: #e45a5a;
    --btn-warning: #f4b848;
    --btn-warning-hover: #e4a83a;
    --btn-info: #50a5f1;
    --btn-info-hover: #4194e1;
    --btn-light: #f8f9fa;
    --btn-light-hover: #e9ecef;
    --btn-dark: #343a40;
    --btn-dark-hover: #23272b;
    
    /* Genel renkler */
    --color-primary: #556ee6;
    --color-success: #34c38f;
    --color-danger: #f46a6a;
    --color-warning: #f4b848;
    --color-info: #50a5f1;
    --color-dark: #343a40;
    --color-light: #f8f9fa;
    
    /* Etki alanı renkleri */
    --color-highlight: rgba(85, 110, 230, 0.1);
    --color-overlay: rgba(0, 0, 0, 0.5);
    
    /* Genel ölçü birimleri */
    --border-radius: 0.375rem;
    --border-radius-lg: 0.5rem;
    --border-radius-sm: 0.25rem;
    --shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --shadow-lg: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --shadow-sm: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.075);
}

/* === DARK MODE DEĞİŞKENLERİ === */
[data-bs-theme="dark"],
body[data-bs-theme="dark"],
body.dark,
body.dark-theme {
    /* Arka plan renkleri */
    --bg-primary: #2a3042;
    --bg-secondary: #262c3c;
    --bg-card: #2a3042;
    --bg-input: #262c3c;
    --bg-table-header: #262c3c;
    --bg-table-row: #2a3042;
    --bg-table-row-hover: #262c3c;
    --bg-modal: #2a3042;
    --bg-dropdown: #2a3042;
    --bg-sidebar: #2a3042;
    --bg-header: #2a3042;
    
    /* Border renkleri */
    --border: #32394e;
    --border-input: #32394e;
    --border-card: #32394e;
    --border-table: #32394e;
    --border-modal: #32394e;
    
    /* Text renkleri */
    --text-primary: #e3e8ef;
    --text-secondary: #b8c2db;
    --text-light: #a6b0cf;
    --text-dark: #ced4da;
    --text-white: #ffffff;
    --text-muted: #74788d;
    
    /* Button renkleri */
    --btn-primary: #6e84f1;
    --btn-primary-hover: #5a72e7;
    --btn-success: #42d6a2;
    --btn-success-hover: #34c38f;
    --btn-danger: #f88080;
    --btn-danger-hover: #f46a6a;
    --btn-warning: #f6c35e;
    --btn-warning-hover: #f4b848;
    --btn-info: #68b0f8;
    --btn-info-hover: #50a5f1;
    --btn-light: #32394e;
    --btn-light-hover: #3d4558;
    --btn-dark: #e9ecef;
    --btn-dark-hover: #ced4da;
    
    /* Genel renkler */
    --color-primary: #6e84f1;
    --color-success: #42d6a2;
    --color-danger: #f88080;
    --color-warning: #f6c35e;
    --color-info: #68b0f8;
    --color-dark: #e9ecef;
    --color-light: #32394e;
    
    /* Etki alanı renkleri */
    --color-highlight: rgba(110, 132, 241, 0.15);
    --color-overlay: rgba(0, 0, 0, 0.7);
}

/* === KULLANIM ÖRNEKLERİ === */

/* Kartlar için örnek stil */
.card-themed {
    background-color: var(--bg-card);
    border: 1px solid var(--border);
    color: var(--text-primary);
}

.card-themed .card-header {
    background-color: var(--bg-secondary);
    border-bottom: 1px solid var(--border);
    color: var(--text-primary);
}

/* Tablolar için örnek stil */
.table-themed thead th {
    background-color: var(--bg-table-header);
    color: var(--text-primary);
    border-bottom: 2px solid var(--border);
}

.table-themed tbody tr {
    background-color: var(--bg-table-row);
    color: var(--text-primary);
    border-top: 1px solid var(--border-table);
}

.table-themed tbody tr:hover {
    background-color: var(--bg-table-row-hover);
}

/* Butonlar için örnek stiller */
.btn-themed-primary {
    background-color: var(--btn-primary);
    border-color: var(--btn-primary);
    color: var(--text-white);
}

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

.btn-themed-success {
    background-color: var(--btn-success);
    border-color: var(--btn-success);
    color: var(--text-white);
}

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

.btn-themed-danger {
    background-color: var(--btn-danger);
    border-color: var(--btn-danger);
    color: var(--text-white);
}

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

/* Form elemanları için örnek stil */
.form-control-themed {
    background-color: var(--bg-input);
    border: 1px solid var(--border-input);
    color: var(--text-primary);
}

.form-control-themed:focus {
    background-color: var(--bg-input);
    border-color: var(--btn-primary);
    color: var(--text-primary);
    box-shadow: 0 0 0 0.2rem rgba(85, 110, 230, 0.25);
}

/* Genel tema uyumlu stiller */
.bg-themed-primary { background-color: var(--bg-primary) !important; }
.bg-themed-secondary { background-color: var(--bg-secondary) !important; }
.bg-themed-card { background-color: var(--bg-card) !important; }

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

.border-themed { border: 1px solid var(--border) !important; }
.border-themed-input { border: 1px solid var(--border-input) !important; }