/* Barrymore Film Center brand: the only place client colors and fonts are set.
   Light "lobby" palette for the stage and the box-office admin; the phone runs the dark "auditorium" palette below. */
:root{
  --brand:#9B1B30; --brand-d:#5A0F1C; --brand-50:#F8E9EB; --brand-100:#F0CDD3;
  --accent:#E2B65C; --accent-50:#FBF1DC;
  --ink:#1C1114; --ink-2:#4A3A3E; --muted:#857479;
  --bg:#F7F3EE; --surface:#FFFFFF; --tint:#EFE8E1; --line:rgba(28,17,20,.1);
  --ok:#2E8B5E; --ok-50:#E3F3EA; --bad:#B42323; --bad-50:#FDEEEE;
  --display:'Fraunces',Georgia,serif; --sans:'Inter',system-ui,sans-serif;
  --radius:16px;
}
/* The phone is the auditorium: velvet dark, gold light. */
.phone__screen{
  --brand:#C8324A; --brand-d:#7A1426; --brand-50:rgba(200,50,74,.16); --brand-100:rgba(200,50,74,.28);
  --accent:#E2B65C; --accent-50:rgba(226,182,92,.14);
  --ink:#F5EEE6; --ink-2:#D6CBC0; --muted:#9A8C86;
  --bg:#0F0B0C; --surface:#1A1416; --tint:#251D20; --line:rgba(245,238,230,.09);
  --ok:#5CC58E; --ok-50:rgba(92,197,142,.14); --bad:#FF6B6B; --bad-50:rgba(255,107,107,.14);
}
.phone{background:#120C0E;box-shadow:0 40px 80px -30px rgba(0,0,0,.85),0 0 0 2px #3A2328,inset 0 0 0 1px rgba(255,255,255,.06)}
.phone__notch{background:#120C0E}
body{background:radial-gradient(1100px 600px at 70% -10%,rgba(155,27,48,.42) 0%,transparent 60%),radial-gradient(800px 500px at 0% 110%,rgba(226,182,92,.10) 0%,transparent 60%),#0B0709}
.sh-brand h1 span{color:var(--accent)}