:root {
    --light-gray: #F7F4EF;
    --dark-gray: #6B7280;
}

body {
    font-family: 'Inter', sans-serif;
}

.container {
    margin: 0 auto;
    max-width: 80rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.text-gold {
    color: #D4AF7A;
}

@media (min-width: 640px) {
    .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.section-label {
    color: #D4AF7A;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

#site-header.site-header-scrolled {
    background: #001B2A;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.2);
}

.btn-amber,
.btn-navy {
    align-items: center;
    display: inline-flex;
    font-weight: 700;
    gap: 0.5rem;
    justify-content: center;
    transition: all 0.25s ease;
}

.btn-amber {
    background: #D4AF7A;
    color: #001B2A;
}

.btn-amber:hover {
    background: #E8C9A0;
}

.btn-navy {
    background: #001B2A;
    color: #FFFFFF;
}

.btn-navy:hover {
    background: #1A3A4A;
}

.speaker-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.speaker-card:hover {
    box-shadow: 0 18px 40px rgba(0, 27, 42, 0.12);
    transform: translateY(-4px);
}

.prose p,
.prose li {
    color: oklch(0.45 0.02 240);
    line-height: 1.8;
}

.prose h2,
.prose h3 {
    color: #001B2A;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
}