@charset "UTF-8";
:root {
  /* 1 - white / blanc */
  --v-color-default-palette-color-1-base: #FFFFFF;
  /* 2 - black / noir */
  --v-color-default-palette-color-2-base: #001122;
  --v-color-default-palette-color-2-90: #112233;
  --v-color-default-palette-color-2-80: #223344;
  --v-color-default-palette-color-2-70: #334455;
  --v-color-default-palette-color-2-60: #445566;
  --v-color-default-palette-color-2-50: #556677;
  --v-color-default-palette-color-2-40: #677787;
  --v-color-default-palette-color-2-30: #778899;
  --v-color-default-palette-color-2-20: #8899AA;
  --v-color-default-palette-color-2-10: #99AABB;
  /* 3 - grey / gris */
  --v-color-default-palette-color-3-base: #677787;
  --v-color-default-palette-color-3-90: ;
  --v-color-default-palette-color-3-80: ;
  --v-color-default-palette-color-3-70: ;
  --v-color-default-palette-color-3-60: #bac4ca;
  --v-color-default-palette-color-3-50: #D9DEE3;
  --v-color-default-palette-color-3-40: #E0E9F0;
  --v-color-default-palette-color-3-30: #F1F3F5;
  --v-color-default-palette-color-3-20: #F6F8FA;
  --v-color-default-palette-color-3-10: ;
}

/*----- new -----*/
:root {
  /* #1 - white / blanc */
  --v-color-palette-color-1-50: #FFFFFF;
  --v-color-palette-color-1-50-rgb: 255, 255, 255;
  /* #2 - dark / foncé */
  --v-color-palette-color-2-100: hsl(210, 50%, -36.67%);
  --v-color-palette-color-2-90: hsl(210, 50%, -26.67%);
  --v-color-palette-color-2-80: hsl(210, 50%, -16.67%);
  --v-color-palette-color-2-70: hsl(210, 50%, -6.67%);
  --v-color-palette-color-2-60: hsl(210, 50%, 3.33%);
  --v-color-palette-color-2-50: hsl(210, 50%, 13.33%);
  --v-color-palette-color-2-50-rgb: 17, 34, 51;
  --v-color-palette-color-2-40: hsl(210, 50%, 23.33%);
  --v-color-palette-color-2-30: hsl(210, 50%, 33.33%);
  --v-color-palette-color-2-20: hsl(210, 50%, 43.33%);
  --v-color-palette-color-2-10: hsl(210, 50%, 73.33%);
  /* #3 - grey / gris */
  --v-color-palette-color-3-100: hsl(210, 13.45%, 21.67%);
  --v-color-palette-color-3-90: hsl(210, 13.45%, 26.67%);
  --v-color-palette-color-3-80: hsl(210, 13.45%, 31.67%);
  --v-color-palette-color-3-70: hsl(210, 13.45%, 36.67%);
  --v-color-palette-color-3-60: hsl(210, 13.45%, 41.67%);
  --v-color-palette-color-3-50: hsl(210, 13.45%, 46.67%);
  --v-color-palette-color-3-40: hsl(210, 13.45%, 58.67%);
  --v-color-palette-color-3-30: hsl(210, 13.45%, 70.67%);
  --v-color-palette-color-3-20: hsl(210, 13.45%, 82.67%);
  --v-color-palette-color-3-10: hsl(210, 13.45%, 94.67%);
  /* #4 - pale grey / gris pâle */
  --v-color-palette-color-4-100: hsl(206.25, 34.78%, 70.98%);
  --v-color-palette-color-4-90: hsl(206.25, 34.78%, 74.98%);
  --v-color-palette-color-4-80: hsl(206.25, 34.78%, 78.98%);
  --v-color-palette-color-4-70: hsl(206.25, 34.78%, 82.98%);
  --v-color-palette-color-4-60: hsl(206.25, 34.78%, 86.98%);
  --v-color-palette-color-4-50: hsl(206.25, 34.78%, 90.98%);
  --v-color-palette-color-4-40: hsl(206.25, 34.78%, 92.98%);
  --v-color-palette-color-4-30: hsl(206.25, 34.78%, 94.98%);
  --v-color-palette-color-4-20: hsl(206.25, 34.78%, 96.98%);
  --v-color-palette-color-4-20-rgb: 245, 248, 250;
  --v-color-palette-color-4-10: hsl(206.25, 34.78%, 98.98%);
  /* #5 - red / rouge */
  --v-color-palette-color-5-100: hsl(0, 100%, 16%);
  --v-color-palette-color-5-90: hsl(0, 100%, 26%);
  --v-color-palette-color-5-80: hsl(0, 100%, 36%);
  --v-color-palette-color-5-70: hsl(0, 100%, 46%);
  --v-color-palette-color-5-60: hsl(0, 100%, 56%);
  --v-color-palette-color-5-50: hsl(0, 100%, 66%);
  --v-color-palette-color-5-40: hsl(0, 100%, 73.5%);
  --v-color-palette-color-5-30: hsl(0, 100%, 81%);
  --v-color-palette-color-5-20: hsl(0, 100%, 88.5%);
  --v-color-palette-color-5-10: hsl(0, 100%, 96%);
  /* #6 - red-orange / rouge-orange */
  --v-color-palette-color-6-100: hsl(18, 97%, 13%);
  --v-color-palette-color-6-90: hsl(18, 97%, 23%);
  --v-color-palette-color-6-80: hsl(18, 97%, 33%);
  --v-color-palette-color-6-70: hsl(18, 97%, 43%);
  --v-color-palette-color-6-60: hsl(18, 97%, 53%);
  --v-color-palette-color-6-50: hsl(18, 97%, 63%);
  --v-color-palette-color-6-40: hsl(18, 97%, 70.5%);
  --v-color-palette-color-6-30: hsl(18, 97%, 78%);
  --v-color-palette-color-6-20: hsl(18, 97%, 85.5%);
  --v-color-palette-color-6-10: hsl(18, 97%, 93%);
  /* #7 - orange / orange */
  --v-color-palette-color-7-100: hsl(33, 93%, 10%);
  --v-color-palette-color-7-90: hsl(33, 93%, 20%);
  --v-color-palette-color-7-80: hsl(33, 93%, 30%);
  --v-color-palette-color-7-70: hsl(33, 93%, 40%);
  --v-color-palette-color-7-60: hsl(33, 93%, 50%);
  --v-color-palette-color-7-50: hsl(33, 93%, 60%);
  --v-color-palette-color-7-40: hsl(33, 93%, 67.5%);
  --v-color-palette-color-7-30: hsl(33, 93%, 75%);
  --v-color-palette-color-7-20: hsl(33, 93%, 82.5%);
  --v-color-palette-color-7-10: hsl(33, 93%, 90%);
  /* #8 - orange-yellow / orange-jaune */
  --v-color-palette-color-8-100: hsl(47, 89%, 10%);
  --v-color-palette-color-8-90: hsl(47, 89%, 20%);
  --v-color-palette-color-8-80: hsl(47, 89%, 30%);
  --v-color-palette-color-8-70: hsl(47, 89%, 40%);
  --v-color-palette-color-8-60: hsl(47, 89%, 50%);
  --v-color-palette-color-8-50: hsl(47, 89%, 60%);
  --v-color-palette-color-8-40: hsl(47, 89%, 67.5%);
  --v-color-palette-color-8-30: hsl(47, 89%, 75%);
  --v-color-palette-color-8-20: hsl(47, 89%, 82.5%);
  --v-color-palette-color-8-10: hsl(47, 89%, 90%);
  /* #9 - yellow / jaune */
  --v-color-palette-color-9-100: hsl(54, 86%, 12%);
  --v-color-palette-color-9-90: hsl(54, 86%, 22%);
  --v-color-palette-color-9-80: hsl(54, 86%, 32%);
  --v-color-palette-color-9-70: hsl(54, 86%, 42%);
  --v-color-palette-color-9-60: hsl(54, 86%, 52%);
  --v-color-palette-color-9-50: hsl(54, 86%, 62%);
  --v-color-palette-color-9-40: hsl(54, 86%, 69.5%);
  --v-color-palette-color-9-30: hsl(54, 86%, 77%);
  --v-color-palette-color-9-20: hsl(54, 86%, 84.5%);
  --v-color-palette-color-9-10: hsl(54, 86%, 92%);
  /* #10 - yellow-green / jaune-vert */
  --v-color-palette-color-10-100: hsl(68, 79%, 9%);
  --v-color-palette-color-10-90: hsl(68, 79%, 19%);
  --v-color-palette-color-10-80: hsl(68, 79%, 29%);
  --v-color-palette-color-10-70: hsl(68, 79%, 39%);
  --v-color-palette-color-10-60: hsl(68, 79%, 49%);
  --v-color-palette-color-10-50: hsl(68, 79%, 59%);
  --v-color-palette-color-10-40: hsl(68, 79%, 66.5%);
  --v-color-palette-color-10-30: hsl(68, 79%, 74%);
  --v-color-palette-color-10-20: hsl(68, 79%, 81.5%);
  --v-color-palette-color-10-10: hsl(68, 79%, 89%);
  /* #11 - green / vert */
  --v-color-palette-color-11-100: hsl(92, 62%, 12%);
  --v-color-palette-color-11-90: hsl(92, 62%, 22%);
  --v-color-palette-color-11-80: hsl(92, 62%, 32%);
  --v-color-palette-color-11-70: hsl(92, 62%, 42%);
  --v-color-palette-color-11-60: hsl(92, 62%, 52%);
  --v-color-palette-color-11-50: hsl(92, 62%, 62%);
  --v-color-palette-color-11-40: hsl(92, 62%, 69.5%);
  --v-color-palette-color-11-30: hsl(92, 62%, 77%);
  --v-color-palette-color-11-20: hsl(92, 62%, 84.5%);
  --v-color-palette-color-11-10: hsl(92, 62%, 92%);
  /* #12 - green-blue / vert-bleu */
  --v-color-palette-color-12-100: hsl(158, 68%, 14%);
  --v-color-palette-color-12-90: hsl(158, 68%, 24%);
  --v-color-palette-color-12-80: hsl(158, 68%, 34%);
  --v-color-palette-color-12-70: hsl(158, 68%, 44%);
  --v-color-palette-color-12-60: hsl(158, 68%, 54%);
  --v-color-palette-color-12-50: hsl(158, 68%, 64%);
  --v-color-palette-color-12-40: hsl(158, 68%, 71.5%);
  --v-color-palette-color-12-30: hsl(158, 68%, 79%);
  --v-color-palette-color-12-20: hsl(158, 68%, 86.5%);
  --v-color-palette-color-12-10: hsl(158, 68%, 94%);
  /* #13 - blue / bleu */
  --v-color-palette-color-13-100: hsl(186, 71%, 14%);
  --v-color-palette-color-13-90: hsl(186, 71%, 24%);
  --v-color-palette-color-13-80: hsl(186, 71%, 34%);
  --v-color-palette-color-13-70: hsl(186, 71%, 44%);
  --v-color-palette-color-13-60: hsl(186, 71%, 54%);
  --v-color-palette-color-13-50: hsl(186, 71%, 64%);
  --v-color-palette-color-13-40: hsl(186, 71%, 71.5%);
  --v-color-palette-color-13-30: hsl(186, 71%, 79%);
  --v-color-palette-color-13-20: hsl(186, 71%, 86.5%);
  --v-color-palette-color-13-10: hsl(186, 71%, 94%);
  /* #14 - blue-violet / bleu-violet */
  --v-color-palette-color-14-100: hsl(216, 79%, 15%);
  --v-color-palette-color-14-90: hsl(216, 79%, 25%);
  --v-color-palette-color-14-80: hsl(216, 79%, 35%);
  --v-color-palette-color-14-70: hsl(216, 79%, 45%);
  --v-color-palette-color-14-60: hsl(216, 79%, 55%);
  --v-color-palette-color-14-50: hsl(216, 79%, 65%);
  --v-color-palette-color-14-40: hsl(216, 79%, 72.5%);
  --v-color-palette-color-14-30: hsl(216, 79%, 80%);
  --v-color-palette-color-14-20: hsl(216, 79%, 87.5%);
  --v-color-palette-color-14-10: hsl(216, 79%, 95%);
  /* #15 - violet / violet */
  --v-color-palette-color-15-100: hsl(262, 77%, 16%);
  --v-color-palette-color-15-90: hsl(262, 77%, 26%);
  --v-color-palette-color-15-80: hsl(262, 77%, 36%);
  --v-color-palette-color-15-70: hsl(262, 77%, 46%);
  --v-color-palette-color-15-60: hsl(262, 77%, 56%);
  --v-color-palette-color-15-50: hsl(262, 77%, 66%);
  --v-color-palette-color-15-40: hsl(262, 77%, 73.5%);
  --v-color-palette-color-15-30: hsl(262, 77%, 81%);
  --v-color-palette-color-15-20: hsl(262, 77%, 88.5%);
  --v-color-palette-color-15-10: hsl(262, 77%, 96%);
  /* #16 - violet-red / violet-rouge */
  --v-color-palette-color-16-100: hsl(313, 82%, 16%);
  --v-color-palette-color-16-90: hsl(313, 82%, 26%);
  --v-color-palette-color-16-80: hsl(313, 82%, 36%);
  --v-color-palette-color-16-70: hsl(313, 82%, 46%);
  --v-color-palette-color-16-60: hsl(313, 82%, 56%);
  --v-color-palette-color-16-50: hsl(313, 82%, 66%);
  --v-color-palette-color-16-40: hsl(313, 82%, 73.5%);
  --v-color-palette-color-16-30: hsl(313, 82%, 81%);
  --v-color-palette-color-16-20: hsl(313, 82%, 88.5%);
  --v-color-palette-color-16-10: hsl(313, 82%, 96%);
  /* dark mode */
  --v-color-palette-color-dark-mode-100: hsl(210, 50%, -6.67%);
  --v-color-palette-color-dark-mode-90: hsl(210, 50%, -2.67%);
  --v-color-palette-color-dark-mode-80: hsl(210, 50%, 1.33%);
  --v-color-palette-color-dark-mode-70: hsl(210, 50%, 5.33%);
  --v-color-palette-color-dark-mode-60: hsl(210, 50%, 9.33%);
  --v-color-palette-color-dark-mode-50: hsl(210, 50%, 13.33%);
  --v-color-palette-color-dark-mode-50-rgb: 17, 34, 51;
  --v-color-palette-color-dark-mode-40: hsl(210, 50%, 17.33%);
  --v-color-palette-color-dark-mode-30: hsl(210, 50%, 21.33%);
  --v-color-palette-color-dark-mode-20: hsl(210, 50%, 25.33%);
  --v-color-palette-color-dark-mode-10: hsl(210, 50%, 29.33%);
}