:root {
  --primary-color: var(--bleu-violet);
  --secondary-color: var(--bleu-violet-clair);
  --accent-color: var(--jaune-glass);
  --background-color: var(--gradient-glass);
  --surface-color: var(--blanc-alpha-70);
  --text-color: var(--indigo-fonce);
  --text-secondary: var(--violet-profond);

  --font-family-primary: var(--font-neo-grotesque);
  --font-family-secondary: var(--font-system-ui);
  --font-size-base: var(--text-16);
  --font-weight-normal: var(--weight-400);
  --font-weight-bold: var(--weight-600);
  --line-height: var(--leading-1-5);
  --letter-spacing: var(--tracking-tight-1);

  --spacing-xs: var(--space-8);
  --spacing-sm: var(--space-16);
  --spacing-md: var(--space-24);
  --spacing-lg: var(--space-36);
  --spacing-xl: var(--space-52);

  --border-radius: var(--radius-2xl);
  --border-width: var(--border-2);
  --border-style: var(--border-solid);
  --border-color: var(--blanc-alpha-50);

  --shadow-sm: var(--shadow-glass-sm);
  --shadow-md: var(--shadow-glass-md);
  --shadow-lg: var(--shadow-glass-lg);

  --blur: var(--blur-sm);
  --opacity: var(--opacity-70);
  --backdrop-filter: var(--backdrop-glass);

  --transition-speed: var(--duration-relaxed);
  --transition-ease: var(--ease-material);
}