:root {
  --color-background: #000000;
  --color-surface: #000000;
  --color-text: #ececec;
  --color-text-muted: #8d8d8d;
  --color-accent: #c77dff;
  --color-accent-deep: #9d4edd;
  --color-accent-soft: #e4b8ff;
  --color-star: #ff4fd8;
  --color-border: #161616;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.75rem;
  --space-xl: 4.5rem;

  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;

  --container: 72rem;
  --transition-fast: 160ms ease;
  --transition-normal: 280ms ease;

  --font: "Outfit", system-ui, sans-serif;
}