:root {
    --maroon: #7B1A2A;
    --maroon-dark: #5A1020;
    --maroon-light: #9B2535;
    --gold: #C5A050;
    --gold-dark: #9E7E38;
    --gold-light: #F4EBD0;
    --cream: #F5EDD8;
    --cream-light: #FAF6EC;
    --luxury-black: #1A1A1A;
    --text-gray: #555555;
}

body {
    background-color: var(--cream-light);
    color: var(--luxury-black);
    font-family: 'Inter', 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--maroon);
    font-weight: 700;
}

.text-maroon { color: var(--maroon) !important; }
.text-gold { color: var(--gold) !important; }
.text-cream { color: var(--cream) !important; }
.bg-maroon { background-color: var(--maroon) !important; }
.bg-gold { background-color: var(--gold) !important; }
.bg-cream { background-color: var(--cream) !important; }
.bg-cream-light { background-color: var(--cream-light) !important; }

/* Buttons */
.btn-maroon {
    background-color: var(--maroon);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.btn-maroon:hover {
    background-color: var(--maroon-dark);
    color: var(--gold-light);
}

.btn-gold {
    background-color: var(--gold);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.btn-gold:hover {
    background-color: var(--gold-dark);
    color: white;
}

/* Cards */
.card {
    border: 1px solid var(--gold-light);
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}
.card-header {
    background-color: var(--maroon);
    color: white;
    border-radius: 10px 10px 0 0 !important;
}

/* Navbar */
.navbar-custom {
    background-color: var(--maroon);
}
.navbar-custom .navbar-brand, .navbar-custom .nav-link {
    color: var(--gold-light);
}
.navbar-custom .nav-link:hover {
    color: white;
}