/* GateCast design tokens. Change the palette here and nowhere else. */

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('/assets/fonts/fraunces-variable.woff2') format('woff2-variations'), url('/assets/fonts/fraunces-variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/inter-variable.woff2') format('woff2-variations'), url('/assets/fonts/inter-variable.woff2') format('woff2');
}

:root{
  /* Night (header, hero, results bar, footer) */
  --night-0:#120926; --night-1:#1C1040; --night-2:#2A1858; --night-3:#44246F;
  --night-line:rgba(255,255,255,.16); --on-night:#FFFFFF; --on-night-2:#CBBFE6;
  /* Accent: "Dawn apricot". Use it ONLY for things you click or the current selection */
  --accent:#FFBA78; --accent-hi:#FFCA96; --on-accent:#1C1330; --glow:255,168,118;
  /* Page */
  --paper:#F6F3FA; --card:#FFFFFF; --line:#E6E0EF; --text:#1C1330; --muted:#686079; --soft:#9A93AA;
  /* Grades: their own scale, never used for anything else */
  --a:#0E7F55; --b:#8CD0A4; --c:#D9D3E6; --d:#DB6A1C; --f:#C8293A;
  --tint-a:#E7F4EE; --tint-d:#FDF0E2; --tint-f:#FBE6E8; --tint-n:#F0ECF6;
  --r:14px; --shadow:0 1px 2px rgba(28,19,48,.06),0 8px 22px rgba(28,19,48,.07);

  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --ui:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--ui);color:var(--text);background:var(--paper);
  -webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}
a{color:inherit}
img{max-width:100%}
.tnum{font-variant-numeric:tabular-nums}

:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
@media (max-width:480px){.wrap{padding:0 16px}}