:root {
  color-scheme: dark;
  --bg: #000;
  --surface: #070707;
  --surface-2: #0d0d0e;
  --surface-3: #141315;
  --ink: #eeeeee;
  --muted: #a9a4a8;
  --faint: #706b70;
  --line: rgba(238, 238, 238, 0.13);
  --line-strong: rgba(238, 238, 238, 0.22);
  --accent: #DE5E91;
  --accent-dark: #a94475;
  --max: 940px;
  --gutter: clamp(1rem, 4vw, 2rem);
  --header-height: 76px;
  --z-content: 0;
  --z-header: 70;
  --z-progress: 80;
  --z-skip-link: 90;
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

::selection {
  background: var(--accent);
  color: #fff;
}