/* ====== SYSTEM COLOR VARIABLES ====== */
:root {
    --primary-purple: #5e2b97;
    --deep-purple: #4a2178;
    --gold: #d4af37;
    --light-gold: #f1d67a;
    --white: #ffffff;
    --light-gray: #f8f9fa;
    --deep-blue:blue;
}

/* ====== GENERAL STYLING ====== */
body {
    background-color: var(--light-gray);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.navbar-custom {
    background-color: var(--primary-purple);
}

.navbar-custom .navbar-brand,
.navbar-custom .nav-link {
    color: var(--white);
}

.navbar-custom .nav-link:hover {
    color: var(--light-gold);
}

.btn-gold {
    background-color: var(--gold);
    color: var(--white);
    border:none;
}

.btn-gold:hover {
    background-color: var(--light-gold);
    color: var(--primary-purple);
}

.card-custom {
    border-left: 5px solid var(--primary-purple);
}

.footer-custom {
    background-color: var(--deep-purple);
    color: var(--white);
    padding: 15px 0;
    text-align: center;
}