:root {
  --color-bg: #0f1115;
  --color-surface: #171a21;
  --color-border: #262b36;
  --color-text: #eef0f4;
  --color-muted: #a0a7b4;
  --color-accent: #8b7bff;
  --color-accent-2: #5ad1c8;
  --radius: 1rem;
  --content: 67.5rem;

  /* The landing is always dark: browser controls and scrollbars follow it. */
  color-scheme: dark;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  background:
    radial-gradient(900px 500px at 50% -10%, rgba(139, 123, 255, 0.25), transparent 70%),
    var(--color-bg);
  color: var(--color-text);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.6;
}

a {
  color: inherit;
}