/* Super Bowl Asian Café — first-paint defaults. Colours & fonts are edited in Admin → Brands & design. */
@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@500;700&family=Lato:wght@400;700;900&display=swap");
:root{
  --brown:#151515; --brown-lt:#4A4646; --body:#3A3838; --mute:#77716C;
  --amber:#DA292F; --amber-dk:#A81E23; --amber-soft:#FDECEC;
  --cream:#F6F4F1; --sand:#F1EEEA; --line:#E7E2DC; --line-2:#D8D1C9;
  --header-bg:#0E0E0E; --header-text:#CC9900; --hero-bg:#0E0E0E; --hero-text:#FFFFFF; --accent:#CC9900;
  --f-head:"Unbounded", "Arial Black", system-ui, sans-serif;
  --f-ui:"Lato", system-ui, sans-serif;
  --f-body:"Lato", system-ui, -apple-system, "Segoe UI", sans-serif;
}
h1,h2,h3{text-transform:uppercase;letter-spacing:.01em;font-weight:700}
.hero{border-bottom:4px solid var(--amber)}
.hero h1{font-size:clamp(1.6rem,3.6vw,2.4rem);line-height:1.15}
.date[aria-pressed="true"]{background:var(--amber);border-color:var(--amber)}
.ed h3,.lab{letter-spacing:.14em}
.stat b,.when b{font-family:var(--f-ui);font-weight:900}

/* ---- Brand-driven colours (set from Admin → Brands & design) ---- */
body{background:var(--page-bg,var(--white))}
.site{background:var(--header-bg,var(--white))}
.site .logo span{color:var(--header-text,var(--brown-lt))}
[data-dark-header] .site{border-bottom-color:rgba(0,0,0,.6)}
[data-dark-header] .site .logo span{border-left-color:rgba(255,255,255,.18)}
[data-dark-header] .site .muted,[data-dark-header] .site .who{color:rgba(255,255,255,.78)}
[data-dark-header] .site .btn.out{color:#fff;border-color:rgba(255,255,255,.3)}
[data-dark-header] .site .btn.out:hover{background:var(--amber);border-color:var(--amber)}
.hero{background:var(--hero-bg,var(--cream))}
.hero h1{color:var(--hero-text,var(--brown))}
.hero h1 em{color:var(--accent,var(--amber-dk))}
.hero p{color:var(--hero-text,var(--brown-lt));opacity:.86}
.hero .lab{color:var(--accent,var(--amber-dk))}
[data-dark-hero] .hero .chips span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:var(--hero-text,#fff)}
[data-dark-hero] footer{background:var(--hero-bg);color:rgba(255,255,255,.7);border-top-color:transparent}
.logos{display:flex;align-items:center;gap:14px}
.logos img{height:46px;width:auto;max-width:120px;object-fit:contain}