/* Dinamik Renk Yönetimi CSS - Otomatik Güncellenir */
:root {
    --site-bg: rgba(31,143,255,1);
    --site-text: rgba(34,41,47,1);
    --menu-bg: rgba(255,255,255,0);
    --menu-text: rgba(250,253,255,1);
    --menu-hover: rgba(0,133,27,0.17);
    --menu-active: rgba(227,234,252,1);
    --button-hover: rgba(37,99,235,1);
    --admin-sidebar-bg: rgba(247,250,253,1);
    --admin-sidebar-text: rgba(34,41,47,1);
    --admin-sidebar-active: rgba(227,234,252,1);
}

body {
    background-color: var(--site-bg) !important;
    color: var(--site-text) !important;
}

#mainmenu {
    background-color: var(--menu-bg) !important;
}

#mainmenu > li > a {
    color: var(--menu-text) !important;
}

#mainmenu > li > a:hover {
    background-color: var(--menu-hover) !important;
}

.btn-main:hover {
    background-color: var(--button-hover) !important;
}

#sidebar {
    background: var(--admin-sidebar-bg) !important;
    color: var(--admin-sidebar-text) !important;
}

.sidebar-link {
    color: var(--admin-sidebar-text) !important;
}

.sidebar-link:hover {
    background: var(--menu-hover) !important;
}

.sidebar-active {
    background: var(--admin-sidebar-active) !important;
}