/***********************************************
 * Paletas de cores — seletor [data-color-theme]
 * no <html> (definido por Template.applyColorTheme).
 * Loaded AFTER theme.css / custom.css.
 *
 * Tema            | data-bs-theme | data-color-theme
 * Claro  (default)| light         | default
 * Escuro          | dark          | default
 * Verde/Azul/Amarelo | light      | verde|azul|amarelo
 ***********************************************/

/* ============ VERDE ============ */
[data-color-theme=verde] {
    --bs-link-color: #166534;
    --bs-link-hover-color: #14532d;
    --bs-nav-pills-link-active-bg: #16a34a;
    --bs-dropdown-link-active-bg: #16a34a;
}

[data-color-theme=verde] .btn-primary {
    --bs-btn-bg: #16a34a;
    --bs-btn-border-color: #16a34a;
    --bs-btn-hover-bg: #15803d;
    --bs-btn-hover-border-color: #15803d;
    --bs-btn-active-bg: #15803d;
    --bs-btn-active-border-color: #15803d;
    --bs-btn-disabled-bg: #16a34a;
    --bs-btn-disabled-border-color: #16a34a;
}

html[data-color-theme=verde] a.sidebar-link.active,
html[data-color-theme=verde] a.sidebar-link.active:hover {
    background: linear-gradient(90deg, #166534 0%, #22c55e 100%) !important;
    color: #ffffff !important;
}

html[data-color-theme=verde] .sidebar-dropdown a.sidebar-link.active > i {
    color: #ffffff !important;
}

/* ============ AZUL ============ */
[data-color-theme=azul] {
    --bs-link-color: #1e40af;
    --bs-link-hover-color: #172554;
    --bs-nav-pills-link-active-bg: #2563eb;
    --bs-dropdown-link-active-bg: #2563eb;
}

[data-color-theme=azul] .btn-primary {
    --bs-btn-bg: #2563eb;
    --bs-btn-border-color: #2563eb;
    --bs-btn-hover-bg: #1e40af;
    --bs-btn-hover-border-color: #1e40af;
    --bs-btn-active-bg: #1e40af;
    --bs-btn-active-border-color: #1e40af;
    --bs-btn-disabled-bg: #2563eb;
    --bs-btn-disabled-border-color: #2563eb;
}

html[data-color-theme=azul] a.sidebar-link.active,
html[data-color-theme=azul] a.sidebar-link.active:hover {
    background: linear-gradient(90deg, #1e40af 0%, #3b82f6 100%) !important;
    color: #ffffff !important;
}

html[data-color-theme=azul] .sidebar-dropdown a.sidebar-link.active > i {
    color: #ffffff !important;
}

/* ============ AMARELO ============ */
[data-color-theme=amarelo] {
    --bs-link-color: #b45309;
    --bs-link-hover-color: #92400e;
    --bs-nav-pills-link-active-bg: #d97706;
    --bs-dropdown-link-active-bg: #d97706;
}

[data-color-theme=amarelo] .btn-primary {
    --bs-btn-bg: #d97706;
    --bs-btn-border-color: #d97706;
    --bs-btn-hover-bg: #b45309;
    --bs-btn-hover-border-color: #b45309;
    --bs-btn-active-bg: #b45309;
    --bs-btn-active-border-color: #b45309;
    --bs-btn-disabled-bg: #d97706;
    --bs-btn-disabled-border-color: #d97706;
}

html[data-color-theme=amarelo] a.sidebar-link.active,
html[data-color-theme=amarelo] a.sidebar-link.active:hover {
    background: linear-gradient(90deg, #92400e 0%, #f59e0b 100%) !important;
    color: #ffffff !important;
}

html[data-color-theme=amarelo] .sidebar-dropdown a.sidebar-link.active > i {
    color: #ffffff !important;
}