/* SoftBilgin — Gece / Gündüz modu (toggle + temel color-scheme) */

html {
    color-scheme: light;
}

html.dark {
    color-scheme: dark;
}

/* Toggle butonu */
.theme-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(255, 255, 255, 0.8);
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.theme-toggle-btn:hover {
    color: #9a7b1a;
    border-color: rgba(201, 162, 39, 0.4);
    background: rgba(253, 248, 235, 0.95);
    box-shadow: 0 2px 8px rgba(201, 162, 39, 0.15);
}

html.dark .theme-toggle-btn {
    background: rgba(26, 26, 36, 0.92);
    border-color: rgba(255, 255, 255, 0.12);
    color: #e8c547;
}

html.dark .theme-toggle-btn:hover {
    color: #f0d875;
    border-color: rgba(212, 175, 55, 0.35);
    background: rgba(31, 31, 42, 0.98);
}

/* İkonlar — JS yüklenmeden önce doğru görünsün */
.theme-icon-sun,
.theme-icon-moon {
    width: 1.25rem;
    height: 1.25rem;
}

.theme-icon-moon {
    display: none;
}

html.dark .theme-icon-sun {
    display: none;
}

html.dark .theme-icon-moon {
    display: block;
}