/* Custom Styles for The Manzo Buthay Foundation */

:root {
    --navy-blue: #0A192F;
    --navy-dark: #050C1A;
    --gold: #D4AF37;
    --gold-hover: #B59328;
    --light-bg: #F8F9FA;
}

body {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: #333333;
}

.bg-navy {
    background-color: var(--navy-blue) !important;
}

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

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

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

.btn-gold {
    background-color: var(--gold);
    color: #111;
    border: none;
    transition: all 0.2s ease-in-out;
}

.btn-gold:hover {
    background-color: var(--gold-hover);
    color: #000;
}

.btn-navy {
    background-color: var(--navy-blue);
    color: #fff;
    border: none;
}

.btn-navy:hover {
    background-color: var(--navy-dark);
    color: #fff;
}

.hero-section {
    background: linear-gradient(135deg, rgba(10, 25, 47, 0.95), rgba(5, 12, 26, 0.9)), url('https://images.unsplash.com/photo-1488521787991-ed7bbaae773c?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
    min-height: 70vh;
}

.feature-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.max-width-700 {
    max-width: 700px;
}

.text-muted-light {
    color: #A0AEC0 !important;
}

.card {
    border-radius: 8px;
    transition: transform 0.2s ease;
}

.card:hover {
    transform: translateY(-2px);
}