:root {
    --manhattan: #F6CE98;
    --jaffa: #ED733F;
    --tamarillo: #A81926;
    --cloudburst: #1E294C;
    --muted: #E9EEF8;
}

/* Body */
body {
    font-family: "Inter", Arial, sans-serif;
    background: var(--manhattan);
    color: var(--muted);
}

/* Sidebar */
.sidebar {
    background: var(--cloudburst) !important;
    color: white;
}

    .sidebar .nav-link {
        color: white !important;
        border-radius: 8px;
        transition: background 0.2s ease-in-out;
    }

        .sidebar .nav-link:hover,
        .sidebar .nav-link.active {
            background: rgba(0, 0, 0, 0.15);
        }

    /* Logo */
    .sidebar .fw-bold {
        font-size: 1.1rem;
    }

/* Botones personalizados */
.btn-custom {
    background: var(--jaffa);
    color: white;
    font-weight: 700;
    border-radius: 10px;
    transition: background 0.2s ease;
}

    .btn-custom:hover {
        background: var(--tamarillo);
    }

/* Texto pequeño */
.small {
    font-size: 0.85rem;
    color: white;
}

/* Responsive */
@media (max-width: 1000px) {
    .sidebar {
        display: none !important;
    }
}