:root {
  --color-bg: #050719;
  --color-bg-alt: #050414;
  --color-primary: #ff4b8a;
  --color-primary-soft: rgba(255, 75, 138, 0.22);
  --color-accent: #ffb347;
  --color-text: #ffffff;
  --color-text-soft: #b0b3d9;
  --color-border-glass: rgba(255, 255, 255, 0.18);

  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  --shadow-soft: 0 24px 60px rgba(0, 0, 0, 0.6);

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

  --max-width: 1120px;

  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text",
    "Inter", "Roboto", sans-serif;

  --font-brand: "Roboto Serif", system-ui, -apple-system, BlinkMacSystemFont,
    "SF Pro Text", "Inter", "Roboto", sans-serif;

}