/* ═══════════════════════════════════════════════════════════
   TOKENS
   ═══════════════════════════════════════════════════════════ */
:root{
  --bg:#0A0A10;
  --bg-1:#0E0F17;
  --bg-2:#12131D;
  --bg-3:#191B27;
  --line:rgba(255,255,255,.075);
  --line-2:rgba(255,255,255,.14);

  --tx:#F2F3F7;
  --tx-2:#A8AEC0;
  --tx-3:#6E7488;

  --blue:#4D7CFF;
  --blue-lt:#8AA8FF;
  --violet:#8B5CF6;
  --violet-lt:#B69CFF;
  --soft:rgba(77,124,255,.12);
  --edge:rgba(77,124,255,.32);
  --edge-v:rgba(139,92,246,.32);

  --ok:#34D399;
  --amber:#FBBF24;

  --r-sm:6px; --r:12px; --r-lg:18px; --r-xl:26px; --r-full:999px;
  --glow:0 0 0 1px var(--edge),0 16px 44px rgba(77,124,255,.24);
  --maxw:1200px;

  --f-disp:'Space Grotesk',system-ui,sans-serif;
  --f-body:'Inter',system-ui,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--tx);font-family:var(--f-body);
  font-size:16px;line-height:1.65;letter-spacing:-.008em;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-wrap:break-word;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--blue-lt);outline-offset:3px;border-radius:4px}