/* BadgedUp design tokens + base v0.1.0 */
@font-face { font-family: "Bricolage Grotesque"; src: url("/assets/fonts/bricolage-var.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
@font-face { font-family: "Geist"; src: url("/assets/fonts/geist-var.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
:root {
  --night: #0B0A14;
  --ink: #120F1F;
  --surface: #191526;
  --surface-2: #231E35;
  --line: rgba(255,255,255,.09);
  --text: #F6F3FF;
  --muted: #A9A3BD;
  --gold: #FFC53D;
  --gold-2: #FF9A3D;
  --violet: #8E6BFF;
  --pink: #FF4FA3;
  --mint: #2EE6A6;
  --coral: #FF5A5F;
  --display: "Bricolage Grotesque", "Geist", system-ui, sans-serif;
  --sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --r: 18px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--night); color: var(--text); font: 400 16px/1.55 var(--sans); -webkit-font-smoothing: antialiased; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; }
button { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; border-radius: 6px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.wordmark { display: inline-flex; align-items: center; gap: 10px; font: 800 1.3rem/1 var(--display); letter-spacing: -.02em; text-decoration: none; }
.wordmark img { width: 34px; height: 34px; }
.wordmark b { color: var(--gold); font-weight: 800; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }