/* Color Variables */
:root {
    --deep-blue: #260047;
    --light-gray: #ECF0F1;
    --bright-teal: #4f007c;
    --soft-orange: #F39C12;
}

/* Global Styles */
body {
    background-color: var(--light-gray);
    color: var(--deep-blue);
}

/* Navigation Styles */
.navbar {
    background-color: var(--deep-blue) !important;
}

.navbar-brand, 
.navbar-nav .nav-link {
    color: var(--light-gray) !important;
}

/* Button Styles */
.btn-primary {
    background-color: var(--bright-teal);
    border-color: var(--bright-teal);
}

.btn-primary:hover {
    background-color: #690055;
    border-color: #3f0033;
}

.btn-action {
    background-color: var(--soft-orange);
    color: white;
}

.btn-action:hover {
    background-color: #D35400;
    color: white;
}

/* Card Styles */
.card {
    border-color: var(--deep-blue);
}

/* Footer Styles */
.footer {
    background-color: var(--deep-blue) !important;
    color: var(--light-gray);
}

/* Responsive Typography */
@media (max-width: 768px) {
    body {
        font-size: 0.9rem;
    }
}