/* MNF at The Book — shared brand layer (AIIRI palette + game-night motifs) */
@font-face{font-family:"Oswald";src:url(fonts/Oswald-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Lora";src:url(fonts/Lora-Variable.ttf) format("truetype");font-weight:400 700;font-display:swap}
@font-face{font-family:"Lora";src:url(fonts/Lora-Italic-Variable.ttf) format("truetype");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"Poppins";src:url(fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url(fonts/Poppins-Medium.ttf) format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Poppins";src:url(fonts/Poppins-Bold.ttf) format("truetype");font-weight:700;font-display:swap}

:root{
  --navy:#0F172A; --navy-2:#16213A; --navy-3:#1E2A47; --ink:#070B14;
  --white:#F8FAFC; --steel:#64748B; --steel-2:#93A4C0; --mist:#CBD5E1;
  --blue:#2563EB; --blue-2:#1D4ED8; --blue-glow:#60A5FA; --teal:#14B8A6; --teal-2:#0F766E;
  --line:rgba(248,250,252,.14);
  --display:"Oswald","Bahnschrift","Arial Narrow",Impact,sans-serif;
  --serif:"Lora",Georgia,"Times New Roman",serif;
  --sans:"Poppins","Aptos","Segoe UI",system-ui,Arial,sans-serif;
}
.display{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:.92}
.serif{font-family:var(--serif)}
.eyebrow{font-family:var(--sans);font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--steel-2)}

/* field yard lines (use on a positioned element) */
.yards{background-image:
  repeating-linear-gradient(90deg, rgba(248,250,252,.10) 0 2px, transparent 2px 10%),
  repeating-linear-gradient(90deg, rgba(248,250,252,.05) 0 1px, transparent 1px 2%);}
/* LED dot matrix overlay */
.led{background-image:radial-gradient(circle, rgba(0,0,0,0) 55%, rgba(7,11,20,.55) 56%);background-size:6px 6px}