:root {
    --primary: #fbbf24;
    --primary-alt: #f59e0b;
    --success: #8FCB9B;
    --failure: #EF767A;
    --warning: #F2B880;
    --light: #FFFFFF;
    --dark: #343A40;
    --light-bg: #f8fafc;
    --dark-bg: #0f172a;

    --topNavbarHeight: 56px;
    --offcanvasWidth: 270px;
}


body {
    background-color: var(--light);
    color: var(--primary-dark);
    font-family: 'Inter', sans-serif;
}

.bg-primary {
    background-color: var(--primary) !important;
    color: var(--dark) !important;
}

.btn-primary {
    background-color: var(--primary) !important;
    color: var(--dark) !important;
    border: 1px solid var(--primary-alt) !important;
    font-weight: bolder;
}

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

.text-primary {
    color: var(--dark) !important;
}

.text-alternate {
    color: var(--primary-alt) !important;
}

.bi-check-circle-fill {
    color: var(--success);
    margin-right: 8px;
}

.benefit-list li {
    padding: 0.50rem;
}

.pulse-animation {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #28a745;
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5);
    animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(40, 167, 69, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(40, 167, 69, 0); }
}


/* Responsive adjustments */
@media (min-width: 992px) {
    .door-background {
        min-height: 100vh;
        /* Full height on larger screens */
    }

    .benefits-form-container {
        flex-direction: row !important;
    }

    .benefits-col {
        padding-right: 2rem;
    }
}

@media (max-width: 768px) {
    .display-6 {
        font-size: 1.75rem;
    }

    .card-body {
        padding: 1.5rem !important;
    }
}

.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border: 3px solid var(--primary-alt) !important;
}

/* DASHBOARD SPECIFIC STYLES */

.dashboard-card {
    border: 1px solid var(--primary) !important;
    border-radius: 10px;
    padding: 1.5rem;
    background-color: var(--light-bg);
    transition: box-shadow 0.3s ease;
}
.dashboard-card:hover {
    box-shadow: 0 8px 20px #000000;
}
.dashboard-card .card-title {
    color: var(--primary-alt);
    font-weight: bold;
}
.dashboard-card .card-text {
    color: var(--dark);
}
.sidebar-nav {
    width: var(--offcanvasWidth) !important;
}

.list-group-item.active {
    background-color: var(--primary) !important;
    border-color: var(--primary-alt) !important;
    color: var(--dark) !important;
    font-weight: bold;
}

/*div nav.navbar-dark .navbar-nav .nav-link:hover {
    background-color: var(--dark) !important;
}*/

div nav.navbar-light .navbar-nav .nav-link:hover {
    background-color: #ffd770 !important;
}

.sidebar-nav .nav-link.active {
    background-color: #ececec !important;
    border-right: 6px solid var(--primary) !important;
}

@media (min-width: 992px) {
    body {
        overflow: auto !important;
    }
    .offcanvas-backdrop{
        display: none !important;
    }
    .sidebar-nav {
        transform: none !important;
        visibility: visible !important;
        height: 100vh !important;
        /*
        top: var(--topNavbarHeight) !important;
        height: calc(100vh - var(--topNavbarHeight)) !important; */
    }
        main {
        margin-left: var(--offcanvasWidth) !important;
    }
    .navbar-brand {
        min-width: 270px !important;
    }

}