:root {
  --color-bg: #030207;
  --color-bg-soft: #090711;
  --container-width: 1600px;
  --container-padding: 20px;

  --color-text: #ffffff;
  --color-text-muted: #b9b5c6;

  --color-pink: #ff1dbb;
  --color-purple: #8338ff;
  --color-violet: #a529ff;

  --gradient-primary:
    linear-gradient(
      90deg,
      var(--color-pink),
      var(--color-purple)
    );

  --border-neon: rgba(255, 29, 187, 0.8);

  --shadow-neon:
    0 0 20px rgba(255, 29, 187, 0.25);

  --header-height: 54px;

  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;

  --transition: 0.3s ease;
}