/* ── base.css ────────────────────────────────────────────────────────────
 * Reset + low-level type. Tokens live in elite.css; component rules in
 * components.css.
 * ───────────────────────────────────────────────────────────────────── */

*, *::before, *::after { box-sizing: border-box; }
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, blockquote, pre {
  margin: 0; padding: 0;
}
ul, ol { list-style: none; }
img, svg, video { display: block; max-width: 100%; }
button, input, select, textarea {
  font: inherit; color: inherit; background: none; border: 0; padding: 0;
}
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.06);
  border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.14); }

html {
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

body {
  font-family: var(--wot-font);
  color: var(--wot-text-0);
  background:
    radial-gradient(1200px 600px at 90% -10%, rgba(255, 31, 143, 0.10), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(255, 107, 31, 0.10), transparent 60%),
    var(--wot-bg-0);
  min-height: 100vh;
  letter-spacing: -0.005em;
  -webkit-font-smoothing: antialiased;
}

:focus-visible {
  outline: 2px solid var(--wot-grad-end);
  outline-offset: 2px;
  border-radius: 6px;
}

[hidden] { display: none !important; }