:root {
    --itcc-azul: #2f3f8f;
    --itcc-azul-dark: #27357a;
    --itcc-cian: #19b8d4;
    --itcc-cian-soft: #e8f9fd;
    --itcc-gris: #6b7280;
    --itcc-bg: #f4f7fb;
    --itcc-texto: #1f2937;
}

body {
    background: var(--itcc-bg) !important;
    color: var(--itcc-texto);
}

.bg-primary,
.navbar.bg-primary,
.card-header.bg-primary,
.table-primary,
.btn-primary {
    background-color: var(--itcc-azul) !important;
    border-color: var(--itcc-azul) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--itcc-azul-dark) !important;
    border-color: var(--itcc-azul-dark) !important;
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-text {
    color: #fff !important;
}

.card,
.panel-card,
.hero-card,
.filter-card,
.table-card {
    border-radius: 16px !important;
    box-shadow: 0 10px 25px rgba(33, 58, 120, 0.10) !important;
}

.table thead th,
.custom-table th {
    background: var(--itcc-azul) !important;
    color: #fff !important;
}

.menu-btn,
.menu-link {
    border-color: #dbe4f0 !important;
}

.menu-btn {
    background: linear-gradient(135deg, var(--itcc-azul), var(--itcc-cian)) !important;
    color: #fff !important;
}

.menu-btn:hover {
    color: #fff !important;
    opacity: 0.95;
}

.menu-link:hover {
    box-shadow: 0 10px 20px rgba(47, 63, 143, 0.16) !important;
    border-color: var(--itcc-cian) !important;
}

.menu-icon {
    background: linear-gradient(145deg, var(--itcc-azul), var(--itcc-cian)) !important;
}

.panel-title,
.brand-title,
.filter-title,
.section-title {
    color: var(--itcc-azul) !important;
}

.tec-btn-outline,
.btn-outline-primary {
    border-color: var(--itcc-azul) !important;
    color: var(--itcc-azul) !important;
}

.tec-btn-outline:hover,
.btn-outline-primary:hover {
    background: var(--itcc-azul) !important;
    color: #fff !important;
}

.dropdown-item:active,
.dropdown-item:focus {
    background-color: var(--itcc-cian-soft) !important;
    color: var(--itcc-texto) !important;
}