:root {
  --primary-color: var(--rose-vaporwave);
  --secondary-color: var(--cyan-vaporwave);
  --accent-color: var(--violet-pastel);
  --background-color: var(--gradient-vaporwave);
  --surface-color: var(--rose-vaporwave-alpha-20);
  --text-color: var(--blanc);
  --text-secondary: var(--jaune-vaporwave);

  --font-family-primary: var(--font-mono-code);
  --font-family-secondary: var(--font-mono-slab);
  --font-size-base: var(--text-16);
  --font-weight-normal: var(--weight-400);
  --font-weight-bold: var(--weight-700);
  --line-height: var(--leading-1-6);
  --letter-spacing: var(--tracking-wide-5);

  --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-none);
  --border-width: var(--border-3);
  --border-style: var(--border-solid);
  --border-color: var(--rose-vaporwave);

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

  --blur: var(--blur-none);
  --opacity: var(--opacity-full);
  --backdrop-filter: var(--backdrop-none);

  --transition-speed: var(--duration-normal);
  --transition-ease: var(--ease-linear);
}