@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&display=swap");

:root {
  /* Design System - Variables réutilisables */
  --color-black: #000000;
  --color-dark-grey: #8B8B8B;
  --color-primary: #d84ab7;
  --color-primary-light: #E85FC8;
  --color-light-grey: #F1F1F1;
  --color-white: #FFFFFF;
  --color-purple: #6B2D7E;
  --color-purple-dark: #4A1F5C;
  --color-cyan: #00D9FF;
  
  /* Semantic colors */
  --color-background: var(--color-white);
  --color-background-alt: var(--color-light-grey);
  --color-text: var(--color-black);
  --color-text-muted: var(--color-dark-grey);
  --color-accent: var(--color-primary);
  --color-button-bg: var(--color-primary);
  --color-button-text: var(--color-white);
  
  
  --font-family: 'Manrope', sans-serif;
  --font__normal: 400;
  --font__medium: 500;
  --font__gras: 700;
}