/**
 * Kalender Gemi — Design Tokens & Themes
 * Versiyon: 1.1 (Faz 6)
 */

:root {
    /* --- ANA RENKLER (Soft Tema - Varsayılan) --- */
    --primary:          #d4770a;   /* Koyu bal / Soft Turuncu */
    --primary-dark:     #b5650a;
    --primary-hover:    rgba(212, 119, 10, 0.10);
    --accent:           #e8943a;

    /* --- YÜZEY RENKLERİ --- */
    --bg:               #f5f2ed;   /* Sıcak krem arkaplan */
    --bg-alt:           #faf9f7;   /* Kağıt beyazı */
    --panel:            #ffffff;
    --panel-alt:        #faf9f7;

    /* --- YAZI RENKLERİ --- */
    --text:             #1a1a1a;
    --muted:            #777268;

    /* --- ANLAM RENKLERİ --- */
    --danger:           #c0392b;
    --danger-bg:        #fef2f2;
    --danger-border:    #fecaca;
    --warning:          #b45309;
    --warning-bg:       #fffbeb;
    --warning-border:   #fde68a;
    --success:          #14532d;
    --success-bg:       #f0fdf4;
    --success-border:   #bbf7d0;

    /* --- KENARLIKLAR --- */
    --line:             #e8e4dc;   /* Soft, sıcak gri */
    --line-strong:      #d5d0c8;

    /* --- BOYUT TOKENLARI (Radius) --- */
    --radius-xs:   6px;
    --radius-sm:   8px;
    --radius-md:   12px;
    --radius-lg:   16px;
    --radius-xl:   22px;
    --radius-2xl:  28px;

    /* --- GÖLGE TOKENLARI --- */
    --shadow-xs:  0 1px 2px rgba(0,0,0,.04);
    --shadow-sm:  0 2px 6px rgba(0,0,0,.06);
    --shadow-md:  0 4px 14px rgba(0,0,0,.08);
    --shadow-lg:  0 12px 32px rgba(0,0,0,.10);
    --shadow-xl:  0 20px 60px rgba(0,0,0,.15);

    /* --- BİLEŞEN TOKENLARI --- */
    /* Butonlar */
    --btn-radius:     var(--radius-md);
    --btn-sm-radius:  var(--radius-sm);
    --btn-xs-radius:  var(--radius-xs);

    /* Modallar */
    --modal-radius:   var(--radius-xl);
    --modal-shadow:   var(--shadow-xl);

    /* Kartlar / Paneller */
    --card-radius:    var(--radius-lg);
    --card-shadow:    var(--shadow-sm);
    --card-border:    1px solid var(--line);

    /* Tablolar */
    --table-head-bg:      #f5f4f1;
    --table-head-color:   #777268;
    --table-row-hover:    rgba(0,0,0,.025);
    --table-row-stripe:   #faf9f7;
    --accordion-open-bg:  var(--primary-hover);
    --accordion-open-border: var(--line-strong);
    --accordion-open-text: var(--primary-dark);
    --accordion-detail-bg: var(--panel-alt);
    --accordion-detail-head-bg: var(--primary-hover);
    --accordion-detail-row-alt: var(--bg-alt);
    --row-focus-bg:       var(--primary-hover);
    --critical-row-bg:    #fff5f5;
    --critical-row-hover: #fff0f0;
    --critical-soft-bg:   #fff6f6;
    --critical-soft-border: #fecaca;
    --critical-soft-text: #b42318;
    --sapan-head-bg:      linear-gradient(135deg, var(--primary), var(--primary-dark));
    --sapan-head-text:    #ffffff;
    --sapan-subhead-bg:   var(--primary-hover);
    --sapan-border:       var(--line-strong);

    /* Topbar */
    --topbar-from:    #082058;
    --topbar-to:      #0e2459;
    --topbar-shadow:  0 2px 12px rgba(0,0,0,.15);

    /* Form */
    --input-radius:   var(--radius-sm);
    --input-border:   #d5d0c8;
    --input-focus-ring: rgba(212,119,10,.15);

    /* Login */
    --login-bg-from:    #d4770a;
    --login-bg-to:      #0e2459;
}

/* --- TEMA 2: STONE (Kireçtaşı) --- */
[data-theme="stone"] {
    --primary:          #78716c;
    --primary-dark:     #57534e;
    --primary-hover:    rgba(120, 113, 108, 0.10);
    --accent:           #a8a29e;
    --bg:               #f3f0ec;
    --bg-alt:           #faf8f5;
    --panel:            #ffffff;
    --panel-alt:        #f7f5f2;
    --text:             #1c1917;
    --muted:            #78716c;
    --line:             #e7e0d8;
    --topbar-from:      #1c1917;
    --topbar-to:        #292524;
    --table-head-bg:    #f3f0ec;
    --table-head-color: #78716c;
    --login-bg-from:    #78716c;
    --login-bg-to:      #1c1917;
}

/* --- TEMA 3: SLATE (Arduvaz) --- */
[data-theme="slate"] {
    --primary:          #475569;
    --primary-dark:     #334155;
    --primary-hover:    rgba(71, 85, 105, 0.10);
    --accent:           #64748b;
    --bg:               #f1f3f6;
    --bg-alt:           #f8f9fb;
    --panel:            #ffffff;
    --panel-alt:        #f4f6f8;
    --text:             #1e293b;
    --muted:            #64748b;
    --line:             #e2e6ec;
    --topbar-from:      #1e293b;
    --topbar-to:        #334155;
    --table-head-bg:    #f1f3f6;
    --table-head-color: #64748b;
    --login-bg-from:    #475569;
    --login-bg-to:      #0f172a;
}

/* --- TEMA 4: SAGE (Ada çayı) --- */
[data-theme="sage"] {
    --primary:          #4a7c59;
    --primary-dark:     #3a6147;
    --primary-hover:    rgba(74, 124, 89, 0.10);
    --accent:           #6a9e78;
    --bg:               #f0f3ef;
    --bg-alt:           #f7f8f6;
    --panel:            #ffffff;
    --panel-alt:        #f4f6f3;
    --text:             #1a2e1e;
    --muted:            #5a7362;
    --line:             #dde5da;
    --topbar-from:      #1a2e1e;
    --topbar-to:        #2a4a30;
    --table-head-bg:    #eef2ec;
    --table-head-color: #5a7362;
    --login-bg-from:    #4a7c59;
    --login-bg-to:      #1a2e1e;
}

/* --- TEMA 5: OCEAN (Okyanus) --- */
[data-theme="ocean"] {
    --primary:          #1d6fa8;
    --primary-dark:     #175c8e;
    --primary-hover:    rgba(29, 111, 168, 0.10);
    --accent:           #2e86c1;
    --bg:               #eef3f8;
    --bg-alt:           #f5f8fb;
    --panel:            #ffffff;
    --panel-alt:        #f0f5f9;
    --text:             #1a2b3c;
    --muted:            #5a7a90;
    --line:             #d8e4ef;
    --topbar-from:      #0d1f2d;
    --topbar-to:        #1a3a54;
    --table-head-bg:    #eef3f8;
    --table-head-color: #5a7a90;
    --login-bg-from:    #1d6fa8;
    --login-bg-to:      #0d1f2d;
}

/* --- TEMA 6: DUSK (Alacakaranlık - Koyu Mod) --- */
[data-theme="dusk"] {
    --primary:          #d4770a;
    --primary-dark:     #b5650a;
    --primary-hover:    rgba(212, 119, 10, 0.15);
    --accent:           #e8943a;
    --bg:               #0f1117;
    --bg-alt:           #161b22;
    --panel:            #161b22;
    --panel-alt:        #1e2530;
    --text:             #e4e6ea;
    --muted:            #8b949e;
    --line:             #2a3040;
    --topbar-from:      #080b10;
    --topbar-to:        #0f1117;
    --table-head-bg:    #1e2530;
    --table-head-color: #8b949e;
    --table-row-hover:  rgba(212, 119, 10, 0.10);
    --table-row-stripe: #1a202b;
    --accordion-open-bg: rgba(212, 119, 10, 0.18);
    --accordion-open-border: rgba(212, 119, 10, 0.42);
    --accordion-open-text: #f0a24a;
    --accordion-detail-bg: #141922;
    --accordion-detail-head-bg: #1e2530;
    --accordion-detail-row-alt: #1a202b;
    --row-focus-bg: rgba(212, 119, 10, 0.16);
    --critical-row-bg: rgba(185, 28, 28, 0.16);
    --critical-row-hover: rgba(185, 28, 28, 0.24);
    --critical-soft-bg: rgba(185, 28, 28, 0.14);
    --critical-soft-border: rgba(248, 113, 113, 0.34);
    --critical-soft-text: #fca5a5;
    --sapan-subhead-bg: rgba(212, 119, 10, 0.14);
    --sapan-border: rgba(212, 119, 10, 0.38);
    --login-bg-from:    #d4770a;
    --login-bg-to:      #080b10;
}

/* Dusk Tema Özel Bootstrap Düzeltmeleri */
[data-theme="dusk"] body { color-scheme: dark; }
[data-theme="dusk"] .form-control,
[data-theme="dusk"] .form-select { 
    background: var(--panel-alt); 
    border-color: var(--line); 
    color: var(--text); 
}
[data-theme="dusk"] .dropdown-menu { 
    background: var(--panel); 
    border-color: var(--line); 
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
[data-theme="dusk"] .dropdown-item { color: var(--text); }
[data-theme="dusk"] .dropdown-item:hover { background: var(--panel-alt); }
[data-theme="dusk"] .modal-content { 
    background: var(--panel); 
    color: var(--text); 
}
[data-theme="dusk"] .table { 
    --bs-table-color: var(--text); 
    --bs-table-bg: transparent; 
    --bs-table-border-color: var(--line); 
}
[data-theme="dusk"] .btn-ds-secondary {
    color: var(--text);
    border-color: var(--line);
}

[data-theme="dusk"] body.main-module-page .text-dark,
[data-theme="dusk"] body.main-module-page .text-secondary,
[data-theme="dusk"] body.main-module-page .text-muted,
[data-theme="dusk"] body.main-module-page .ds-body,
[data-theme="dusk"] body.main-module-page .ds-meta,
[data-theme="dusk"] body.main-module-page .home-hero-title,
[data-theme="dusk"] body.main-module-page .home-hero-rates,
[data-theme="dusk"] body.main-module-page .home-hero-rates strong,
[data-theme="dusk"] body.main-module-page .home-hero-rate-values strong,
[data-theme="dusk"] body.main-module-page .home-hero-rate-values > div,
[data-theme="dusk"] body.main-module-page .kur-update-label,
[data-theme="dusk"] body.main-module-page .kur-rate-label,
[data-theme="dusk"] body.main-module-page .kur-update-time {
    color: var(--text) !important;
}

[data-theme="dusk"] body.main-module-page .home-hero,
[data-theme="dusk"] body.main-module-page .home-hero-box {
    background: var(--panel) !important;
    color: var(--text) !important;
}
[data-theme="dusk"] body.main-module-page .card,
[data-theme="dusk"] body.main-module-page .card-header,
[data-theme="dusk"] body.main-module-page .list-group-item,
[data-theme="dusk"] body.main-module-page .bg-light,
[data-theme="dusk"] body.main-module-page .bg-white,
[data-theme="dusk"] body.main-module-page .bg-warning-subtle {
    background: var(--panel) !important;
    color: var(--text) !important;
    border-color: var(--line) !important;
}
[data-theme="dusk"] body.main-module-page .text-success,
[data-theme="dusk"] body.main-module-page .text-primary-var {
    color: var(--accordion-open-text) !important;
}
[data-theme="dusk"] .btn-ds-secondary:hover {
    background: var(--panel-alt);
}
[data-theme="dusk"] .ds-panel-head {
    background: var(--panel-alt);
}


/* Global Body Ayarı */
body {
    background: var(--bg);
    color: var(--text);
    transition: background-color 0.3s ease;
}

/* Seçim Rengi */
::selection {
    background: var(--primary);
    color: #fff;
}

/* Scrollbar Standardizasyonu */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    background: var(--line-strong);
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    background: var(--bg-alt);
}