/* Banrox design tokens. Values taken from banrox-widget-lab/gen_css.py. Do not invent new ones. */
@font-face{font-family:'Inter';src:url(../assets/fonts/Inter.woff2) format('woff2');font-weight:100 900;font-display:block}
@font-face{font-family:'Inter Tight';src:url(../assets/fonts/InterTight.woff2) format('woff2');font-weight:100 900;font-display:block}
@font-face{font-family:'ZT Formom';src:url(../assets/fonts/ZTFormom.woff2) format('woff2');font-style:normal;font-weight:400;font-display:block}
@font-face{font-family:'ZT Formom';src:url(../assets/fonts/ZTFormom-Oblique.woff2) format('woff2');font-style:italic;font-weight:400;font-display:block}

:root{
  /* ground and surfaces */
  --bg:#080814; --card:#090C21;
  /* brand */
  --brand:#264BFF; --b2:#375DFB; --lav:#8585E9; --pale:#B9C3FF;
  --grad:radial-gradient(50% 169.64% at 50% 50%,#8585E9 0%,#264BFF 100%);
  /* status. one green, one red, nothing else */
  --good:#4DDE00; --bad:#FF4242; --warn:#F89828;
  /* text */
  --t1:#fff; --t8:rgba(255,255,255,.82); --t7:rgba(255,255,255,.7);
  --t5:rgba(255,255,255,.5); --t35:rgba(255,255,255,.35);
  /* structure */
  --hair:rgba(255,255,255,.08); --line:rgba(255,255,255,.10); --fill:rgba(255,255,255,.06);
  --inset:inset 0 4px 20px rgba(255,255,255,.08);
  --r-card:24px; --r-panel:16px; --r-ctl:12px; --r-pill:999px;
  /* type */
  --fn:'Inter Tight',Inter,system-ui,sans-serif;   /* numbers, dense headings */
  --fb:'Inter',system-ui,sans-serif;               /* body */
  --fz:'ZT Formom',Georgia,serif;                  /* one accent word, italic */
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--t1);
  font-family:var(--fb);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
svg{display:block}