/* =============================================
   VARIABLES CSS - PALETTE DE COULEURS PIGEON
   ============================================= */

:root {
  /* COULEURS PRINCIPALES */
  --color-turquoise: #007475;
  --color-skybluelight: #bcdefa;
  --color-violetbold: #8d5ca6;
  --color-grispale: #f8f8f8;
  --color-textdark: #0d2d39;
  --color-avertissement: #ff5f53;
  --color-attention: #ffb00e;

  /* COULEURS AVEC TRANSPARENCE */
  --turquoise-transparent-20: rgba(0, 116, 117, 0.2);
  --turquoise-transparent-30: rgba(0, 116, 117, 0.3);
  --violetbold-transparent-20: rgba(141, 92, 166, 0.2);
  --violet-dark-transparent: rgba(114, 9, 183, 0.3);
  --blue-light-transparent: rgba(39, 158, 255, 0.3);
  --white-20: rgba(255, 255, 255, 0.2);
  --white-0: rgba(255, 255, 255, 0);

  /* DÉGRADÉS PRINCIPAUX */
  --main-gradient:
    linear-gradient(0deg, var(--white-0) 0%, var(--white-20) 100%),
    radial-gradient(
      235.75% 187.71% at 130.07% 184.13%,
      var(--violetbold-transparent-20) 53.18%,
      var(--turquoise-transparent-20) 68.98%,
      var(--white-0) 100%
    );

  /* NOUVEAUX DÉGRADÉS */
  --radial-left:
    linear-gradient(0deg, var(--white-0) 0%, var(--white-20) 100%),
    radial-gradient(
      235.75% 187.71% at 130.07% 184.13%,
      var(--violetbold-transparent-20) 53.18%,
      var(--turquoise-transparent-20) 68.98%,
      var(--white-0) 100%
    );

  --radial-right: radial-gradient(
    173.27% 187.65% at 130.07% 184.13%,
    var(--violet-dark-transparent) 37.51%,
    var(--blue-light-transparent) 74.57%,
    var(--white-0) 100%
  );

  --radial-left-30: radial-gradient(
    185.12% 166.16% at 0% 0%,
    /* <-- Changé de 100% 136.79% à 0% 0% */ var(--violet-dark-transparent)
      6.11%,
    var(--turquoise-transparent-30) 58.21%,
    var(--white-0) 80.69%
  );

  /* TYPOGRAPHIE */
  --font-primary:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
    sans-serif;

  /* ESPACEMENTS */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;

  /* BORDS ARRONDIS */
  --radius-sm: 5px;
  --radius-md: 10px;
  --radius-lg: 20px;
  --radius-xl: 25px;
  --radius-full: 50px;

  /* OMBRES */
  --shadow-sm: 0 2px 5px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 10px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.15);

  /* TRANSITIONS */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
}