@charset "UTF-8";

/** Variables des couleurs. */
/** https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Colors */
/** https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors */
/** https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors */
/** https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-mix */

:root {
  /** Vert citron */
  /* Noté dans la charte : */
  /* --c-lemon-green-100: rgb(211 218 61); */
  /* Capturé sur PDF p. 9 : */
  --c-lemon-green-100: rgb(211 216 61);
  --c-lemon-green-h: 62;
  --c-lemon-green-s: 66.5%;
  --c-lemon-green-l: 54.3%;
  --c-lemon-green-80: color-mix(in srgb, var(--c-lemon-green-100) 80%, white);
  --c-lemon-green-60: color-mix(in srgb, var(--c-lemon-green-100) 60%, white);
  --c-lemon-green-40: color-mix(in srgb, var(--c-lemon-green-100) 40%, white);
  --c-lemon-green-20: color-mix(in srgb, var(--c-lemon-green-100) 20%, white);
  --c-lemon-green-80a: rgb(from var(--c-lemon-green-100) r g b / 0.8);
  --c-lemon-green-60a: rgb(from var(--c-lemon-green-100) r g b / 0.6);
  --c-lemon-green-40a: rgb(from var(--c-lemon-green-100) r g b / 0.4);
  /* Espace sRGB : --c-lemon-green-complement-100: hsl(from var(--c-lemon-green-100) calc(h + 180) s l); */
  --c-lemon-green-complement-100: lch(from var(--c-lemon-green-100) l c calc(h + 180));
  /* RGB 44 39 194 */
  --c-lemon-green-invert-100: rgb(from var(--c-lemon-green-100) calc(255 - r) calc(255 - g) calc(255 - b));
  --c-lemon-green-invert-h: 242;
  --c-lemon-green-invert-s: 66.5%;
  --c-lemon-green-invert-l: 45.7%;

  /** Vert */
  /* Noté dans la charte : */
  /* --c-green-100: rgb(113 171 71); */
  /* Capturé sur PDF p. 9 : */
  --c-green-100: rgb(112 171 70);
  --c-green-80: color-mix(in srgb, var(--c-green-100) 80%, white);
  --c-green-60: color-mix(in srgb, var(--c-green-100) 60%, white);
  --c-green-40: color-mix(in srgb, var(--c-green-100) 40%, white);
  --c-green-complement-100: lch(from var(--c-green-100) l c calc(h + 180));
  --c-green-invert-100: rgb(from var(--c-green-100) calc(255 - r) calc(255 - g) calc(255 - b));

  /** Vert printemps */
  --c-spring-green-100: rgb(0 144 55);
  --c-spring-green-h: 143;
  --c-spring-green-s: 100%;
  --c-spring-green-l: 28.2%;
  --c-spring-green-80: color-mix(in srgb, var(--c-spring-green-100) 80%, white);
  --c-spring-green-80-h: 143;
  --c-spring-green-80-s: 52.8%;
  --c-spring-green-80-l: 42.4%;
  --c-spring-green-60: color-mix(in srgb, var(--c-spring-green-100) 60%, white);
  --c-spring-green-40: color-mix(in srgb, var(--c-spring-green-100) 40%, white);
  --c-spring-green-complement-100: lch(from var(--c-spring-green-100) l c calc(h + 180));
  --c-spring-green-invert-100: rgb(from var(--c-spring-green-100) calc(255 - r) calc(255 - g) calc(255 - b));

  /** Corail */
  /* Noté dans la charte : */
  /* --c-coral-100: rgb(228 128 114); */
  /* Capturé sur PDF p. 9 : */
  --c-coral-100: rgb(249 128 113);
  --c-coral-h: 7;
  --c-coral-s: 91.9%;
  --c-coral-l: 71%;
  --c-coral-80: color-mix(in srgb, var(--c-coral-100) 80%, white);
  --c-coral-60: color-mix(in srgb, var(--c-coral-100) 60%, white);
  --c-coral-40: color-mix(in srgb, var(--c-coral-100) 40%, white);
  --c-coral-complement-100: lch(from var(--c-coral-100) l c calc(h + 180));
  --c-coral-invert-100: rgb(from var(--c-coral-100) calc(255 - r) calc(255 - g) calc(255 - b));

  /** Vert émeraude */
  /* Noté dans la charte : */
  /* --c-emerald-green-100: rgb(0 169 148); */
  /* Capturé sur PDF p. 9 : */
  --c-emerald-green-100: rgb(0 169 147);
  --c-emerald-green-h: 172;
  --c-emerald-green-s: 100%;
  --c-emerald-green-l: 33.1%;
  --c-emerald-green-80: color-mix(in srgb, var(--c-emerald-green-100) 80%, white);
  --c-emerald-green-60: color-mix(in srgb, var(--c-emerald-green-100) 60%, white);
  --c-emerald-green-40: color-mix(in srgb, var(--c-emerald-green-100) 40%, white);
  --c-emerald-green-complement-100: lch(from var(--c-emerald-green-100) l c calc(h + 180));
  /* RGB 255 86 108 */
  --c-emerald-green-invert-100: rgb(from var(--c-emerald-green-100) calc(255 - r) calc(255 - g) calc(255 - b));
  --c-emerald-green-invert-h: 352;
  --c-emerald-green-invert-s: 100%;
  --c-emerald-green-invert-l: 66.9%;

  /** Bleu ciel */
  /* Noté dans la charte : */
  /* --c-sky-blue-100: rgb(40 182 215); */
  /* Capturé sur PDF p. 9 : */
  --c-sky-blue-100: rgb(40 182 214);
  --c-sky-blue-h: 191;
  --c-sky-blue-s: 68.5%;
  --c-sky-blue-l: 49.8%;
  --c-sky-blue-80: color-mix(in srgb, var(--c-sky-blue-100) 80%, white);
  --c-sky-blue-60: color-mix(in srgb, var(--c-sky-blue-100) 60%, white);
  --c-sky-blue-40: color-mix(in srgb, var(--c-sky-blue-100) 40%, white);
  --c-sky-blue-20: color-mix(in srgb, var(--c-sky-blue-100) 20%, white);
  --c-sky-blue-complement-100: lch(from var(--c-sky-blue-100) l c calc(h + 180));
  /* RGB 215 73 41 */
  --c-sky-blue-invert-100: rgb(from var(--c-sky-blue-100) calc(255 - r) calc(255 - g) calc(255 - b));
  --c-sky-blue-invert-h: 11;
  --c-sky-blue-invert-s: 68.5%;
  --c-sky-blue-invert-l: 50.2%;

  /** Bleu violet / Lavande */
  /* Noté dans la charte : */
  /* --c-light-violet-100: rgb(162 184 224); */
  /* Capturé sur PDF p. 9 : */
  --c-light-violet-100: rgb(161 184 223);
  --c-light-violet-h: 218;
  --c-light-violet-s: 49.2%;
  --c-light-violet-l: 75.3%;
  --c-light-violet-80: color-mix(in srgb, var(--c-light-violet-100) 80%, white);
  --c-light-violet-60: color-mix(in srgb, var(--c-light-violet-100) 60%, white);
  --c-light-violet-40: color-mix(in srgb, var(--c-light-violet-100) 40%, white);
  --c-light-violet-20: color-mix(in srgb, var(--c-light-violet-100) 20%, white);
  --c-light-violet-complement-100: lch(from var(--c-light-violet-100) l c calc(h + 180));
  --c-light-violet-invert-100: rgb(from var(--c-light-violet-100) calc(255 - r) calc(255 - g) calc(255 - b));

  /** Gris 1 */
  /* Noté dans la charte : */
  /* --c-gray-1-100: rgb(60 60 59); */
  /* Capturé sur PDF p. 9 : */
  --c-gray-1-100: rgb(59 59 58);
  --c-gray-1-h: 60;
  --c-gray-1-s: 0.9%;
  --c-gray-1-l: 22.9%;
  --c-gray-1-80: color-mix(in srgb, var(--c-gray-1-100) 80%, white);
  --c-gray-1-60: color-mix(in srgb, var(--c-gray-1-100) 60%, white);
  --c-gray-1-40: color-mix(in srgb, var(--c-gray-1-100) 40%, white);

  /** Gris 2 */
  /* Noté dans la charte : */
  /* --c-gray-2-100: rgb(100 99 99); */
  /* Capturé sur PDF p. 9 : */
  --c-gray-2-100: rgb(99 98 98);
  --c-gray-2-80: color-mix(in srgb, var(--c-gray-2-100) 80%, white);
  --c-gray-2-60: color-mix(in srgb, var(--c-gray-2-100) 60%, white);
  --c-gray-2-40: color-mix(in srgb, var(--c-gray-2-100) 40%, white);

  /** Gris 3 */
  /* Noté dans la charte : */
  /* --c-gray-3-100: rgb(135 135 135); */
  /* Capturé sur PDF p. 9 : */
  --c-gray-3-100: rgb(134 134 134);
  --c-gray-3-80: color-mix(in srgb, var(--c-gray-3-100) 80%, white);
  --c-gray-3-60: color-mix(in srgb, var(--c-gray-3-100) 60%, white);
  --c-gray-3-40: color-mix(in srgb, var(--c-gray-3-100) 40%, white);

  /** Gris 4 */
  --c-gray-4-100: rgb(168 168 167);
  --c-gray-4-80: color-mix(in srgb, var(--c-gray-4-100) 80%, white);
  --c-gray-4-60: color-mix(in srgb, var(--c-gray-4-100) 60%, white);
  --c-gray-4-40: color-mix(in srgb, var(--c-gray-4-100) 40%, white);

  /** Gris 5 */
  /* Noté dans la charte : */
  /* --c-gray-5-100: rgb(198 198 198); */
  /* Capturé sur PDF p. 9 : */
  --c-gray-5-100: rgb(197 197 197);
  --c-gray-5-80: color-mix(in srgb, var(--c-gray-5-100) 80%, white);
  --c-gray-5-60: color-mix(in srgb, var(--c-gray-5-100) 60%, white);
  --c-gray-5-40: color-mix(in srgb, var(--c-gray-5-100) 40%, white);

  /** Gris 6 */
  /* Noté dans la charte : */
  /* --c-gray-6-100: rgb(227 227 227); */
  /* Capturé sur PDF p. 9 : */
  --c-gray-6-100: rgb(226 226 226);
  --c-gray-6-80: color-mix(in srgb, var(--c-gray-6-100) 80%, white);
  --c-gray-6-60: color-mix(in srgb, var(--c-gray-6-100) 60%, white);
  --c-gray-6-40: color-mix(in srgb, var(--c-gray-6-100) 40%, white);
}