:root {
  color-scheme: dark;

  --bg: #070606;
  --surface: #18181c;
  --surface-2: #1f1f24;
  --border: #2a2a30;

  --text: #e6e6e6;
  --text-muted: #a9a9a9;
  --text-faint: #6b6b72;

  --accent: #6699cc;
  --accent-hover: #8ab4e0;
  --success: #7aa39a;
  --danger: #e74c3c;

  --accent-soft: color-mix(in srgb, var(--accent) 15%, transparent);
  --accent-glow: color-mix(in srgb, var(--accent) 18%, transparent);
  --accent-wash: color-mix(in srgb, var(--accent) 5%, transparent);
  --success-glow: color-mix(in srgb, var(--success) 12%, transparent);
  --bg-overlay: color-mix(in srgb, var(--bg) 92%, transparent);
  --bg-overlay-strong: color-mix(in srgb, var(--bg) 97%, transparent);

  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 2rem;
  --fs-2xl: 3rem;
  --fs-3xl: clamp(2.5rem, 6vw, 4.5rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --space-10: 4rem;
  --space-12: 6rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --radius-pill: 9999px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.5);

  --container: 1140px;
  --nav-height: 4.5rem;

  --transition-fast: 150ms ease;
  --transition: 250ms ease;
  --transition-slow: 500ms ease;
}