* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --bg: #09090b;
  --surface: #18181b;
  --border: #27272a;
  --text: #fafafa;
  --muted: #a1a1aa;
  --dim: #71717a;
  --blue: #2563eb;
  --display: "Archivo", system-ui, sans-serif;
  --body: "Space Grotesk", system-ui, sans-serif;
  color-scheme: dark;
}

html {
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: var(--body);
  background: var(--bg);
  color: var(--text);
  line-height: 1.65;
  min-height: 100vh;
}

::selection {
  background: var(--blue);
  color: white;
}

.container {
  width: min(960px, calc(100% - 2.5rem));
  margin: 0 auto;
}