@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap');

:root{
  --violet:#6D5BE0; --indigo:#4F5BD5; --teal:#22B8C4;
  --grad: linear-gradient(120deg,var(--violet),var(--indigo),var(--teal));
  --bg:#F2F3F7; --ink:#1A1D2E; --ink-2:#525773; --ink-3:#8B90A8; --line:#DDE0EC;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
.disp{font-family:'Space Grotesk',sans-serif}
.mono{font-family:'Space Mono',monospace}
a{color:inherit}
:focus-visible{outline:2px solid var(--indigo);outline-offset:2px;border-radius:4px}
::selection{background:rgba(79,91,213,.22)}