:root {
  /* Couleurs principales - extraites du logo MedCare (navy + turquoise) */
  --primary: #17A398;
  --primary-dark: #0F7A72;
  --secondary: #1E4A68;
  --accent: #5FD3C4;
  --accent-navy: #346E96;

  --background: #FFFFFF;
  --surface: #F2F9F8;
  --surface-alt: #E7F5F3;

  --text-primary: #152A38;
  --text-secondary: #5B6B74;
  --text-light: #FFFFFF;

  --border: #E1EBEA;

  --success: #16A34A;
  --warning: #F59E0B;
  --danger: #DC2626;

  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 10px rgba(21, 42, 56, 0.07);
  --shadow-md: 0 10px 30px rgba(21, 42, 56, 0.09);
  --shadow-lg: 0 20px 50px rgba(30, 74, 104, 0.16);

  /* Systeme typographique aligne sur mind-medical.fr : Poppins pour les titres
     (700-900), Lato pour le corps de texte et l'UI (400-600). */
  --font-display: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Alias retro-compatible : certaines vues/partiels existants referencent encore --font-main */
  --font-main: var(--font-body);

  --header-height: 84px;
}