/* Shared colour and size variables. Every colour in the site comes from here. */
@font-face{font-family:'Outfit';src:url('../fonts/outfit-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Inter';src:url('../fonts/inter-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}

/* One theme: dark navy, sky blue, bright orange (#ff7a00) as the accent. */
:root{
  --bg:#050a15;--topsolid:#070d1a;--surface:#0b1527;--surface2:#101d36;
  --bd:rgba(125,190,255,.26);--bdw:1px;--btnbd:rgba(255,255,255,.18);
  --fg:#e9f0ff;--muted:#a3b3cf;--acc:#38bdf8;--gold:#ff7a00;--ok:#00ff99;--danger:#ff8a8a;--brandb:#ff7a00;
  --orange:#ff7a00;--sky:#38bdf8;
  --pri:linear-gradient(135deg,#ff7a00,#ff9a33);--pri-fg:#1a0b00;--pri-h:linear-gradient(135deg,#ff9440,#ffb066);
  --ghost-bg:transparent;--ghost-h:rgba(255,255,255,.09);--focus:#38bdf8;
  --top-fg:#e9f0ff;--sub:#08142a;--sub-fg:#9fdcff;--foot:#050a15;--foot-fg:#93a4c4;
  --hero:radial-gradient(900px 480px at 78% 35%,rgba(56,140,255,.24),transparent 62%),#060c1a;--hero-fg:#e9f0ff;
  --glass:rgba(10,20,40,.58);--toast-bg:#000;--toast-fg:#fff;
  --logo-a:#38bdf8;--logo-b:#ff7a00;
  --r:18px;--rb:999px;--sh:0 24px 60px -28px rgba(30,120,255,.55);
  --fh:'Outfit',system-ui,sans-serif;--fb:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  color-scheme:dark;
}