:root {
  /* TODO Voir avec Clement cette couleur */
  /* Elle est au niveau des LIENS */
  --primary-petrol: #24464e;

  --font-family-body: "Roboto";
  --font-family-brand: "PP Woodland";
  --font-family-headings: "Figtree";
  --font-line-height: 120%;
  --font-paragraph-spacing-1: 12;
  --font-paragraph-spacing-2: 14;
  --font-paragraph-spacing-3: 16;
  --font-weight-bold: 700;
  --font-weight-regular: 400;
  --font-weight-semi-bold: 600;
  --primitive-color-american-green-0: #e9f8e9;
  --primitive-color-american-green-10: #c5ecc6;
  --primitive-color-american-green-20: #a1e0a2;
  --primitive-color-american-green-30: #7ed47f;
  --primitive-color-american-green-40: #5ac85b;
  --primitive-color-american-green-50: #36bc38;
  --primitive-color-american-green-60: #20b422;
  --primitive-color-american-green-70: #198c1b;
  --primitive-color-american-green-80: #147015;
  --primitive-color-american-green-90: #0f5310;
  --primitive-color-american-green-100: #0a360a;
  --primitive-color-celestial-blue-0: #e7f1f8;
  --primitive-color-celestial-blue-10: #bfd9ee;
  --primitive-color-celestial-blue-20: #98c2e3;
  --primitive-color-celestial-blue-30: #71abd9;
  --primitive-color-celestial-blue-40: #4a94ce;
  --primitive-color-celestial-blue-50: #237dc4;
  --primitive-color-celestial-blue-60: #0a6ebd;
  --primitive-color-celestial-blue-70: #085693;
  --primitive-color-celestial-blue-80: #064475;
  --primitive-color-celestial-blue-90: #053357;
  --primitive-color-celestial-blue-100: #032139;
  --primitive-color-crayola-purple-0: #f0effa;
  --primitive-color-crayola-purple-10: #d8d4f2;
  --primitive-color-crayola-purple-20: #c0baea;
  --primitive-color-crayola-purple-30: #a99fe2;
  --primitive-color-crayola-purple-40: #9185da;
  --primitive-color-crayola-purple-50: #796bd2;
  --primitive-color-crayola-purple-60: #6a5acd;
  --primitive-color-crayola-purple-70: #5346a0;
  --primitive-color-crayola-purple-80: #42387f;
  --primitive-color-crayola-purple-90: #31295e;
  --primitive-color-crayola-purple-100: #201b3e;
  --primitive-color-cream-0: #fefdfc;
  --primitive-color-cream-10: #fbfaf7;
  --primitive-color-cream-20: #f9f7f2;
  --primitive-color-cream-30: #f8f5ef;
  --primitive-color-cream-40: #f7f4ed;
  --primitive-color-cream-50: #f6f2ea;
  --primitive-color-cream-60: #f4f0e8;
  --primitive-color-cream-70: #efebe2;
  --primitive-color-cream-80: #e5e2d8;
  --primitive-color-cream-90: #d3d0c7;
  --primitive-color-cream-100: #898882;
  --primitive-color-eurecia-blue-30: #90c4ce;
  --primitive-color-eurecia-blue-60: #486267;
  --primitive-color-eurecia-blue-80: #294b53;
  --primitive-color-eurecia-green-30: #73dfb4;
  --primitive-color-eurecia-green-60: #79bf9d;
  --primitive-color-eurecia-green-80: #398f61;
  --primitive-color-eurecia-red-30: #f39071;
  --primitive-color-eurecia-red-60: #c75741;
  --primitive-color-eurecia-red-80: #9b1e11;
  --primitive-color-eurecia-yellow-30: #fdeb6e;
  --primitive-color-eurecia-yellow-60: #e6b83f;
  --primitive-color-eurecia-yellow-80: #cf8510;
  --primitive-color-mocha-brown-0: #f4f0ee;
  --primitive-color-mocha-brown-10: #e2d9d2;
  --primitive-color-mocha-brown-20: #d1c1b6;
  --primitive-color-mocha-brown-30: #bfa99a;
  --primitive-color-mocha-brown-40: #ae917e;
  --primitive-color-mocha-brown-50: #9c7a62;
  --primitive-color-mocha-brown-60: #916b51;
  --primitive-color-mocha-brown-70: #71533f;
  --primitive-color-mocha-brown-80: #5a4232;
  --primitive-color-mocha-brown-90: #433125;
  --primitive-color-mocha-brown-100: #2c2018;
  --primitive-color-neutral-0: #ffffff;
  --primitive-color-neutral-10: #fdfdfd;
  --primitive-color-neutral-20: #f7f7f7;
  --primitive-color-neutral-30: #ededed;
  --primitive-color-neutral-40: #dedede;
  --primitive-color-neutral-50: #cccccc;
  --primitive-color-neutral-60: #b6b6b6;
  --primitive-color-neutral-70: #9b9b9b;
  --primitive-color-neutral-80: #7c7c7c;
  --primitive-color-neutral-90: #5a5a5a;
  --primitive-color-neutral-100: #333333;
  --primitive-color-neutral-100-24: #3333333d;
  --primitive-color-persian-red-0: #fae8e8;
  --primitive-color-persian-red-10: #f2c3c3;
  --primitive-color-persian-red-20: #ea9e9e;
  --primitive-color-persian-red-30: #e27979;
  --primitive-color-persian-red-40: #da5454;
  --primitive-color-persian-red-50: #d22f2f;
  --primitive-color-persian-red-60: #cd1818;
  --primitive-color-persian-red-70: #a01313;
  --primitive-color-persian-red-80: #7f0f0f;
  --primitive-color-persian-red-90: #5e0b0b;
  --primitive-color-persian-red-100: #3e0707;
  --primitive-color-petrol-0: #fafcfd;
  --primitive-color-petrol-10: #e6f2f4;
  --primitive-color-petrol-20: #b8dae0;
  --primitive-color-petrol-30: #90c4ce;
  --primitive-color-petrol-40: #8caab0;
  --primitive-color-petrol-50: #6e868b;
  --primitive-color-petrol-60: #486267;
  --primitive-color-petrol-70: #3e5c64;
  --primitive-color-petrol-80: #294b53;
  --primitive-color-petrol-90: #192e33;
  --primitive-color-petrol-100: #091214;
  --primitive-color-ruddy-brown-0: #f8eee7;
  --primitive-color-ruddy-brown-10: #ecd3c0;
  --primitive-color-ruddy-brown-20: #e0b799;
  --primitive-color-ruddy-brown-30: #d49c72;
  --primitive-color-ruddy-brown-40: #c8804b;
  --primitive-color-ruddy-brown-50: #bc6524;
  --primitive-color-ruddy-brown-60: #b4540c;
  --primitive-color-ruddy-brown-70: #8c4209;
  --primitive-color-ruddy-brown-80: #703407;
  --primitive-color-ruddy-brown-90: #532706;
  --primitive-color-ruddy-brown-100: #361904;
  --primitive-color-sky-magenta-0: #f9ecf6;
  --primitive-color-sky-magenta-10: #efcee8;
  --primitive-color-sky-magenta-20: #e6b0d9;
  --primitive-color-sky-magenta-30: #dc92cb;
  --primitive-color-sky-magenta-40: #d374bc;
  --primitive-color-sky-magenta-50: #c956ae;
  --primitive-color-sky-magenta-60: #c343a5;
  --primitive-color-sky-magenta-70: #983481;
  --primitive-color-sky-magenta-80: #792a66;
  --primitive-color-sky-magenta-90: #5a1f4c;
  --primitive-color-sky-magenta-100: #3b1432;
  --scale-1: 4px;
  --scale-2: 8px;
  --scale-3: 12px;
  --scale-4: 16px;
  --scale-5: 20px;
  --scale-6: 24px;
  --scale-10: 40px;
  --scale-12: 48px;
  --scale-18: 72px;
  --scale-20: 80px;
  --scale-34: 136px;
  --scale-40: 160px;
  --scale-0-5: 2px;
  --scale-1-5: 6px;
  --scale-2-5: 10px;
  --scale-25-5: 102px;
  --scale-3-5: 14px;
  --color-background-accent-primary-default: #294b53;
  --color-background-accent-primary-hover: #192e33;
  --color-background-accent-secondary-default: #b8dae0;
  --color-background-accent-secondary-hover: #90c4ce;
  --color-background-accent-tertiary-default: #6e868b;
  --color-background-accent-tertiary-hover: #486267;
  --color-background-alternative-block: #f9ecf6;
  --color-background-alternative-decorative-blue-primary: #bfd9ee;
  --color-background-alternative-decorative-blue-secondary: #71abd9;
  --color-background-alternative-decorative-brown-primary: #d1c1b6;
  --color-background-alternative-decorative-brown-secondary: #ae917e;
  --color-background-alternative-decorative-magenta-primary: #e6b0d9;
  --color-background-alternative-decorative-magenta-secondary: #d374bc;
  --color-background-alternative-decorative-purple-primary: #c0baea;
  --color-background-alternative-decorative-purple-secondary: #9185da;
  --color-background-alternative-lock: #dedede;
  --color-background-alternative-to-do: #f0effa;
  --color-background-brand-fourth-dark: #9b1e11;
  --color-background-brand-fourth-light: #f39071;
  --color-background-brand-fourth-medium: #c75741;
  --color-background-brand-module-admin: #b6b6b6;
  --color-background-brand-module-epanouissement: #f2c3c3;
  --color-background-brand-module-rh: #c5ecc6;
  --color-background-brand-module-talent: #e6f2f4;
  --color-background-brand-primary-light: #90c4ce;
  --color-background-brand-primary-medium: #486267;
  --color-background-brand-secondary-dark: #398f61;
  --color-background-brand-secondary-light: #73dfb4;
  --color-background-brand-secondary-medium: #79bf9d;
  --color-background-brand-tertiary-dark: #cf8510;
  --color-background-brand-tertiary-light: #fdeb6e;
  --color-background-brand-tertiary-medium: #e6b83f;
  --color-background-error-primary-active: #a01313;
  --color-background-error-primary-default: #cd1818;
  --color-background-error-primary-hover: #a01313;
  --color-background-error-secondary: #fae8e8;
  --color-background-info-primary: #e7f1f8;
  --color-background-neutral-primary-default: #ffffff;
  --color-background-neutral-primary-disabled: #ededed;
  --color-background-neutral-primary-hover: #f7f7f7;
  --color-background-neutral-primary-readonly: #ededed;
  --color-background-neutral-secondary-default: #333333;
  --color-background-neutral-tertiary-default: #ededed;
  --color-background-structural-default-page: #f6f2ea;
  --color-background-structural-hover: #f6f2ea;
  --color-background-structural-primary: #fbfaf7;
  --color-background-structural-secondary: #f8f5ef;
  --color-background-structural-tertiary: #e5e2d8;
  --color-background-success-primary-default: #147015;
  --color-background-success-primary-disabled: #c5ecc6;
  --color-background-success-primary-hover: #0f5310;
  --color-background-success-secondary: #e9f8e9;
  --color-background-warning-default: #f8eee7;
  --color-border-alternative: #ae917e;
  --color-border-brand-fourth-medium: #c75741;
  --color-border-error: #cd1818;
  --color-border-info: #085693;
  --color-border-neutral-default: #dedede;
  --color-border-neutral-disabled: #ededed;
  --color-border-neutral-hover: #dedede;
  --color-border-neutral-readonly: #9b9b9b;
  --color-border-primary: #294b53;
  --color-border-secondary: #b8dae0;
  --color-border-structural: #e5e2d8;
  --color-border-success: #147015;
  --color-border-warning: #8c4209;
  --color-icon-accent-default: #294b53;
  --color-icon-accent-hover: #192e33;
  --color-icon-alternative-block: #792a66;
  --color-icon-alternative-to-do: #42387f;
  --color-icon-brand-fourth: #c75741;
  --color-icon-brand-primary: #486267;
  --color-icon-brand-secondary: #79bf9d;
  --color-icon-brand-tertiary: #e6b83f;
  --color-icon-error: #cd1818;
  --color-icon-info: #085693;
  --color-icon-neutral-default: #ffffff;
  --color-icon-neutral-disabled: #b6b6b6;
  --color-icon-neutral-primary: #333333;
  --color-icon-neutral-readonly: #7c7c7c;
  --color-icon-success: #147015;
  --color-icon-warning: #8c4209;
  --color-text-accent-active: #294b53;
  --color-text-accent-primary-default: #294b53;
  --color-text-accent-primary-hover: #294b53;
  --color-text-accent-secondary-default: #486267;
  --color-text-accent-secondary-hover: #192e33;
  --color-text-alternative-block: #792a66;
  --color-text-alternative-decorative-magenta: #c343a5;
  --color-text-alternative-decorative-purple: #6a5acd;
  --color-text-alternative-to-do: #42387f;
  --color-text-brand-fourth-dark: #9b1e11;
  --color-text-brand-fourth-medium: #c75741;
  --color-text-brand-primary-dark: #294b53;
  --color-text-brand-primary-medium: #486267;
  --color-text-brand-secondary-dark: #398f61;
  --color-text-brand-secondary-medium: #79bf9d;
  --color-text-brand-tertiary-dark: #cf8510;
  --color-text-brand-tertiary-medium: #e6b83f;
  --color-text-error-primary-default: #cd1818;
  --color-text-error-primary-hover: #5e0b0b;
  --color-text-error-secondary-default: #333333;
  --color-text-info-hover: #053357;
  --color-text-info-primary: #085693;
  --color-text-neutral-default: #ffffff;
  --color-text-neutral-disabled: #b6b6b6;
  --color-text-neutral-primary: #333333;
  --color-text-neutral-read-only: #333333;
  --color-text-neutral-secondary: #5a5a5a;
  --color-text-neutral-tertiary: #b6b6b6;
  --color-text-success-default: #147015;
  --color-text-success-hover: #0f5310;
  --color-text-warning-default: #8c4209;
  --color-text-warning-hover: #532706;
  --corner-radius-1: 2px;
  --corner-radius-2: 4px;
  --corner-radius-3: 6px;
  --corner-radius-4: 8px;
  --corner-radius-5: 12px;
  --corner-radius-6: 16px;
  --corner-radius-7: 24px;
  --corner-radius-8: 48px;
  --corner-radius-9: 72px;
  --opacity-default: #3333333d;

  /* Layout */
  --layout-height: 1080;
  --layout-margin-container: 136px;
  --layout-screen-size-2-states: "Desktop";
  --layout-screen-size-4-states: "XL Desktop";
  --layout-width: 1920;

  /* Spacing */
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 16px;
  --spacing-4: 24px;
  --spacing-5: 40px;
  --spacing-6: 80px;
  --spacing-7: 120px;

  /* Typography - Font-size - Body */
  --font-size-body-caption-1: 12px;
  --font-size-body-caption-2: 10px;
  --font-size-body-caption-3: 6px;
  --font-size-body-content-1: 16px;
  --font-size-body-content-2: 14px;
  --font-size-body-hightlight-1: 24px;
  --font-size-body-hightlight-2: 20px;

  /* Typography - Font-size - Brand */
  --font-size-brand-h-1: 48px;
  --font-size-brand-h-2: 24px;

  /* Typography - Font-size - Heading */
  --font-size-heading-h-1: 24px;
  --font-size-heading-h-2: 20px;
  --font-size-heading-h-3: 16px;
  --font-size-heading-h-4: 14px;
  --font-size-heading-h-5: 12px;
}