:root {
    --color-primario:   #FBC02D;
    --color-secundario: #1a1a1a;
    --color-acento:     #b91c1c;
    --color-texto:      #d1d5db;
}

/* ── Sidebar ─────────────────────────────────────────────────────────────── */
#sidebar {
    background-color: var(--color-secundario) !important;
    box-shadow: 2px 0 12px rgba(0,0,0,0.40);
}
#sidebar .sidebar-logo-area {
    border-color: rgba(255,255,255,0.08) !important;
}
#sidebar .sidebar-company-name {
    color: rgba(255,255,255,0.45) !important;
    letter-spacing: 0.12em;
}
#sidebar .nav-group-label {
    color: rgba(255,255,255,0.30) !important;
}
#sidebar .nav-item {
    color: #d1d5db !important;
    border-radius: 0.75rem;
    transition: background 0.15s, color 0.15s;
}
#sidebar .nav-item:hover {
    background-color: rgba(255,255,255,0.10) !important;
    color: #ffffff !important;
}
#sidebar .nav-item.active {
    background-color: var(--color-primario) !important;
    color: #1a1a1a !important;
    font-weight: 600;
}
#sidebar .nav-item.active i {
    color: #1a1a1a !important;
}
#sidebar .sidebar-footer {
    border-color: rgba(255,255,255,0.08) !important;
}
#sidebar .sidebar-footer-divider {
    border-color: rgba(255,255,255,0.08) !important;
}
#sidebar .sidebar-user-name {
    color: #ffffff !important;
}
#sidebar .sidebar-user-role {
    color: #d1d5db !important;
    opacity: 0.8;
}
#sidebar .sidebar-logout {
    color: #f87171 !important;
}
#sidebar .sidebar-logout:hover {
    color: #fca5a5 !important;
}

/* ── Topbar móvil ────────────────────────────────────────────────────────── */
#topbar-mobile {
    background-color: var(--color-secundario) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(255,255,255,0.08);
}

/* ── Nav item base ───────────────────────────────────────────────────────── */
.nav-item { transition: all 0.15s; }

/* ── Utilidades de tema ──────────────────────────────────────────────────── */
.theme-bg-primary    { background-color: var(--color-primario)   !important; }
.theme-bg-secondary  { background-color: var(--color-secundario) !important; }
.theme-bg-acento     { background-color: var(--color-acento)     !important; }
.theme-text-primary  { color: var(--color-primario)   !important; }
.theme-text-acento   { color: var(--color-acento)     !important; }
.theme-border-primary { border-color: var(--color-primario) !important; }

/* ── Botones de tema ─────────────────────────────────────────────────────── */
.theme-btn-primary {
    background-color: var(--color-primario) !important;
    color: #1a1a1a !important;
    border: none;
}
.theme-btn-primary:hover { filter: brightness(0.90); }

.theme-btn-acento {
    background-color: var(--color-acento) !important;
    color: #ffffff !important;
    border: none;
}
.theme-btn-acento:hover { filter: brightness(0.90); }