:root {
  /* =========================
     COULEURS PRINCIPALES
  ========================= */
  --color-green: #2E7D32;
  --color-green-dark: #256628;
  --color-sand: #E6C9A8;
  --color-sand-light: #F4E6D5;
  --color-sky: #4DA8DA;
  --color-sky-dark: #2D7EA8;

  /* =========================
     COULEURS TEXTE
  ========================= */
  --color-text: #24333D;
  --color-text-strong: #183126;
  --color-text-soft: #667985;
  --color-white: #FFFFFF;

  /* =========================
     FONDS
  ========================= */
  --color-bg: #F6F3EE;
  --color-bg-soft: #F9F6F1;
  --color-page-gradient: linear-gradient(180deg, #f8fbfc 0%, #eef5f7 100%);
  --color-header-bg: rgba(255, 255, 255, 0.92);

  /* =========================
     BORDURES
  ========================= */
  --color-border: rgba(36, 51, 61, 0.12);
  --color-border-strong: rgba(24, 49, 38, 0.10);

  /* =========================
     OMBRES
  ========================= */
  --shadow-main: 0 14px 34px rgba(24, 39, 48, 0.12);
  --shadow-soft: 0 10px 25px rgba(0, 0, 0, 0.06);
  --shadow-strong: 0 12px 32px rgba(0, 0, 0, 0.14);

  /* =========================
     RAYONS
  ========================= */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* =========================
     DIMENSIONS
  ========================= */
  --container-width: 1100px;
}