/* LOCKED tokens — Medina Entertainment Center (base system: food, bespoke-tuned)
   Retro entertainment-venue palette: midnight blue + neon coral + gold marquee.
   Distinct from prior food sites (which run terracotta/maroon/cream). Variable
   NAMES match _shared/base.css; only values changed. Contrast verified for AA:
   body ink/bg 13.7:1, muted/bg 6.4:1, white/brand 13.6:1, on-band/band 14.8:1. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&family=Mulish:wght@400;500;600&display=swap');
:root{
  --bg:#fbf7f0; --surface:#ffffff; --ink:#2a2733; --ink-strong:#15131f; --muted:#5d586b;
  --line:#e7e0d4;
  --brand:#1b2a5e; --brand-dark:#111c44; --brand-tint:#e6e9f5; --on-brand:#ffffff;
  --accent:#ff5a5f;
  --hero-bg:radial-gradient(1000px 480px at 84% -14%,#dfe3f3,transparent),radial-gradient(680px 360px at 8% 0%,#fde2e2,transparent),#f4eee2;
  --header-bg:rgba(251,247,240,.9); --footer-bg:#efe7d8;
  --band-bg:#111c44; --on-band:#f4f1ff; --on-band-muted:#aeb4d6;

  --font-heading:'Poppins',system-ui,sans-serif; --font-body:'Mulish',system-ui,sans-serif;
  --fs-base:17px; --lh-body:1.66; --fw-body:400; --fw-head:800; --lh-head:1.06; --ls-head:-.015em;
  --fs-lead:1.22rem; --fs-h1:clamp(2.5rem,5.4vw,4.1rem); --fs-h2:clamp(1.85rem,3.8vw,2.6rem); --fs-h3:1.32rem;

  --container:1120px; --gutter:24px; --section-y:94px; --hero-y:102px; --nav-h:74px;
  --space-3:11px; --space-4:17px; --space-5:27px; --space-6:32px; --space-7:58px;
  --btn-pad:15px 30px;
  --radius:12px; --radius-lg:18px; --radius-pill:999px;
  --shadow:0 8px 26px rgba(17,28,68,.10); --shadow-lg:0 20px 48px rgba(17,28,68,.20);
  --dur:200ms; --ease:cubic-bezier(.2,.7,.2,1);
}
/* Primary buttons use midnight blue (white text passes AA: ~13.6:1).
   Coral is a vivid marquee accent — reserved for decorative SVG + hover, not text on light. */
.btn{background:var(--brand);color:var(--on-brand)}
.btn:hover{background:var(--brand-dark);color:var(--on-brand)}
.btn.ghost{background:transparent;color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--brand)}
.btn.ghost:hover{background:var(--brand-tint);color:var(--brand)}
/* Eyebrow in brand blue (12.8:1 on bg); icon tiles in brand tint + brand ink. */
.eyebrow{color:var(--brand)}
.card .ic{background:var(--brand-tint);color:var(--brand)}
/* Coral underline accent under the brand dot for a neon-marquee feel. */
.brand .dot{color:var(--accent)}