html, body {
  width: 100%;
  height: 100%;
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* Ajoutez les préfixes si nécessaire pour les anciens navigateurs */
  font-family: "Roboto", sans-serif;
}
/* Corrected and completed style.css */

:root {

  --max-width:1180px;

    --color-primary: #3b82f6;
  --color-primary-dark: #2563eb;

--color-white:white;
--color-white-grey:#f3f4f6;



  --color-dark: #1f2937;


   --color-grey:#9ca3af;
   --color-light-grey:#e5e7eb;


  --color-red:#ef4444;
  --color-dark-red:#991b1b;
  --color-soft-red:#fef2f2;


  --color-dark-orange:#d97706;
  --color-yellow:#fbbf24;
  --color-soft-yellow:#fef3c7;




   --color-primary-light: #eff6ff;
   --color-accent: #eab308;


  --color-success: #10b981;

  --color-warning: #f59e0b;


  --color-text-light: #4b5563;

  --color-background: #f9f9f9;
  --color-white: #ffffff;


  --font-base: 16px;
  --font-small: 14px;
  --font-large: 20px;
  --font-title: 36px;
  --font-title-large: 48px;

  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 20px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-xxl: 72px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;

  --shadow-sm: 0 2px 6px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.10);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.12);
  --stay-shadow: 0 10px 30px rgba(0,0,0,0.12);

  --bp-mobile: 480px;
  --bp-tablet: 768px;
  --bp-desktop: 992px;
  --bp-large: 1180px;

  --container-max-width: 1180px;

  --z-nav: 100;
  --z-overlay: 900;
  --z-modal: 1000;
  --z-dropdown: 500;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
  background: var(--color-background);
  color: var(--color-text);
}

img {
  max-width: 100%;
  display: block;
}

a {
  text-decoration: none;
  color: var(--color-primary);
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  font-weight: 700;
}