:root {
  /* Palette (plus sobre & actuelle) */
  --primary-green: #1A8855;
  --primary-green-dark: #115e59;
  --primary-green-light: #14b8a6;

  --secondary-green: #008000;

  --green: #2e7d32;
  --yellow: #f6d24a;

  /* Accent chaleureux (humanitaire) */
  --accent-yellow: #f6c453;
  --accent-yellow-dark: #e8a91a;
  --accent-yellow-light: #FEC107;

  /* Rouge “action / alerte” plus doux */
  --accent-red: #d64545;
  --accent-red-dark: #b93636;

  /* Orange “humain” (moins agressif que #ff8c00) */
  --brand-orange: #f08a24;

  /* Accent secondaire (terre cuite) */
  --accent-terracotta: #c65d3a;

  --dark: #0f172a;                  /* slate-900 */
  --dark-light: #1f2937;
  --gray: #64748b;                  /* slate-500 */
  --gray-light: #e2e8f0;            /* slate-200 */
  --white: #ffffff;

  /* Surfaces */
  --surface: rgba(255, 255, 255, 0.92);
  --surface-strong: rgba(255, 255, 255, 0.96);

  /* Surfaces chaudes (sur fond photo) */
  --surface-warm: rgba(255, 252, 248, 0.92);
  
  /* Typographie (Poppins) */
  --font-primary: 'Poppins', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-bold: 'Poppins', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-medium: 'Poppins', ui-sans-serif, system-ui, -apple-system, sans-serif;
  
  /* Espacements */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 5.5rem;
  
  /* Border radius (plus “soft” mais moderne) */
  --radius-sm: 0.5rem;
  --radius-md: 0.9rem;
  --radius-lg: 1.2rem;
  --radius-xl: 1.6rem;
  
  /* Ombres */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.10);
  --shadow-lg: 0 14px 40px rgba(15, 23, 42, 0.14);
  --shadow-xl: 0 22px 70px rgba(15, 23, 42, 0.18);
  
  /* Transitions */
  --transition-fast: 140ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --transition-normal: 240ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --transition-slow: 420ms cubic-bezier(0.2, 0.8, 0.2, 1);

  /* Réglage fond photo (plus haut = photo moins visible) */
  --bg-overlay-opacity: 0.92;
}