/* generated from Paramètres > Habillage */
:root {
  --navy-900: #1E2050;
  --navy-700: #343683;
  --slate-500: #5D628C;
  --slate-300: #9DA3C4;
  --magenta: #B52083;
  --magenta-50: #FBEAF4;
  --line: #DFE3F0;
  --bg-soft: #F5F7FC;
  --success: #5BC657;
  --warning: #F5BF4F;
  --danger: #F26B5E;
  --white: white;
  --danger-text: color-mix(in srgb, var(--danger) 60%, black);
  --magenta-700: color-mix(in srgb, var(--magenta) 80%, black);
  --success-700: color-mix(in srgb, var(--success) 45%, black);
  --success-600: color-mix(in srgb, var(--success) 65%, black);
  --warning-700: color-mix(in srgb, var(--warning) 40%, black);
  --warning-600: color-mix(in srgb, var(--warning) 75%, black);
  --success-50: color-mix(in srgb, var(--success) 15%, white);
  --warning-25: color-mix(in srgb, var(--warning) 6%, white);
  --warning-50: color-mix(in srgb, var(--warning) 15%, white);
  --warning-100: color-mix(in srgb, var(--warning) 28%, white);
  --danger-25: color-mix(in srgb, var(--danger) 6%, white);
  --danger-50: color-mix(in srgb, var(--danger) 15%, white);
  --bg-hover: color-mix(in srgb, var(--line) 55%, white);
  --shadow: 0 2px 10px color-mix(in srgb, var(--navy-900) 7%, transparent);
  --focus: 0 0 0 3px color-mix(in srgb, var(--magenta) 35%, transparent);
  --hero-image: url("/assets/img/visuel-fond.png?v=1792601140");
}