/* Gold Theme for Evaluation System - Optimized */
:root {
    --gold-primary: #FFD700;
    --gold-dark: #B8860B;
    --gold-light: #FFFACD;
    --dark-bg: #1a1a1a;
}

/* Sidebar Gold Touches */
.sidebar-dark-warning .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-warning .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--gold-primary) !important;
    color: #000 !important;
}

.brand-link {
    background-color: #000 !important;
    border-bottom: 1px solid var(--gold-primary) !important;
}

.brand-text {
    color: var(--gold-primary) !important;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Buttons and UI Elements - Predominancia Oro */
.btn-primary {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-dark) !important;
    color: #000 !important;
}

.btn-primary:hover {
    background-color: var(--gold-dark) !important;
    color: #fff !important;
}

/* Permitir colores de estado originales en Dashboard */
.small-box.bg-info {
    background-color: #17a2b8 !important; /* Original Cyan */
    color: #fff !important;
}

.small-box.bg-success {
    background-color: #28a745 !important; /* Original Green */
    color: #fff !important;
}

.small-box.bg-warning {
    background-color: var(--gold-primary) !important; /* Gold for warning/important */
    color: #000 !important;
}

.small-box.bg-danger {
    background-color: #dc3545 !important; /* Original Red */
    color: #fff !important;
}

/* Cards y Bordes */
.card-warning.card-outline {
    border-top: 3px solid var(--gold-primary) !important;
}

/* Text and Links */
a {
    color: var(--gold-dark);
}

a:hover {
    color: var(--gold-primary);
}

/* DataTables and Tables */
.page-item.active .page-link {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
    color: #000 !important;
}

.thead-dark th {
    background-color: #000 !important;
    color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
}

/* Custom UI Tweaks */
.main-footer {
    background-color: #000 !important;
    color: var(--gold-primary) !important;
    border-top: 1px solid var(--gold-primary) !important;
}