:root {
  /* Palette principale */
  --color-primary: #8f5cf7;
  --color-primary-dark: #6b3dd8;
  --color-accent: #f75cd6;

  --color-bg: #0a0a0a;
  --color-bg-light: #1a1a1a;
  --color-bg-lighter: #2a2a2a;

  --color-text: #ffffff;
  --color-text-soft: #d4d4d4;
  --color-text-muted: #a0a0a0;

  /* Spaziatura */
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 20px;
  --space-lg: 32px;
  --space-xl: 48px;

  /* Raggi */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;

  /* Shadow */
  --shadow-soft: 0 4px 12px rgba(0,0,0,0.25);
  --shadow-hard: 0 6px 18px rgba(0,0,0,0.35);

  /* Breakpoints */
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1200px;
}