/* CSS Variables */
:root {
  /* Colors */
  --color-primary-blue: #4c6bff;
  --color-primary-purple: #c86eff;
  --color-text-dark: #1a1a1a;
  --color-text-light: #555555;
  --color-white: #ffffff;

  /* Gradients */
  --gradient-primary: linear-gradient(
    135deg,
    var(--color-primary-blue) 0%,
    var(--color-primary-purple) 100%
  );

  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 4rem;

  /* Grid */
  --grid-size: 50px;

  /* Transitions */
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
}