/* ── Variation 2: Emerald Raj ──────────────────────────────
   Antique brass-gold over deep emerald — botanical, regal, cool-toned.
   Full re-skin: own heading/display fonts, tinted navbar text, hover
   shade, button-corner style, plus every hardcoded gradient/box/glow
   spot in style.css retinted to match — not just an accent-color swap.
──────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Prata&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap');

:root {
    --gold:         #b8924a !important;
    --gold-light:   #d4b478 !important;
    --tan:          #d9cba0 !important;
    --gold-rgb:     184,146,74 !important;
    --gold-dim:     rgba(184,146,74,0.22) !important;
    --navy:         #0b3d2e !important;
    --navy-mid:     #0b3d2e !important;
    --navy-mid-rgb: 11,61,46 !important;
    --navy-dark:    #052018 !important;
    --navy-dark-rgb: 5,32,24 !important;
    --navy-hover:   #082e22 !important;
    --nav-text:     #eef7f0 !important;
    --text-soft:    rgba(238,247,240,0.72) !important;
    --card-bg-rgb:  240,245,235 !important;
    --btn-radius:   0 !important;
    --font-heading: 'Prata', serif !important;
    --font-display: 'EB Garamond', serif !important;
}

/* Hero legibility: soft dark glow behind the text, shadows, dark button fill */
.hero-banner::before {
    background: radial-gradient(ellipse 55% 52% at 50% 58%,
        rgba(0,0,0,.56) 0%, rgba(0,0,0,.38) 65%, rgba(0,0,0,.16) 100%) !important;
}
.hero-banner__eyebrow,
.hero-banner__locations {
    color: #fff !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 10px rgba(0,0,0,.95), 0 0 3px rgba(0,0,0,.95), 0 0 22px rgba(0,0,0,.7) !important;
}
.hero-banner__rule { background: #fff !important; }
.hero-banner__btns a.btn-outline-white {
    background: rgba(0,0,0,.5);
    border-color: #fff;
    color: #fff;
    text-shadow: 0 1px 4px rgba(0,0,0,.9);
}
.hero-banner__btns a.btn-outline-white:hover {
    background: var(--navy-mid);
    border-color: var(--navy-mid);
}
@media (min-width: 768px) {
    .hero-banner__eyebrow   { font-size: 17px !important; }
    .hero-banner__locations { font-size: 16px !important; }
    .hero-banner__btns a.btn-outline-white { font-size: 12px !important; }
}