:root {
  color-scheme: dark;
  --ink: #e8edf7;
  --ink-2: #c1cadb;
  --muted: #8995aa;
  --line: #222b3a;
  --surface: #111722;
  --canvas: #0b0f16;
  --blue: #3f6ff4;
  --blue-dark: #315bd0;
  --mint: #28a884;
  --lilac: #8966dd;
  --amber: #d58c28;
  --red: #ce5363;
  --shadow-card: 0 16px 44px rgb(0 0 0 / 22%), 0 2px 8px rgb(0 0 0 / 12%);
  --radius-card: 18px;
  --ease-out: cubic-bezier(.2, .75, .3, 1);
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--canvas); scroll-behavior: smooth; }
body { min-width: 320px; min-height: 100vh; margin: 0; color: var(--ink); background: var(--canvas); }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
::selection { color: #fff; background: #6687ea; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}