:root {
  --msl-bg-lavender: #c7c7fa;
  --msl-bg-marketing: #747ef5;
  --msl-bg-marketing-hover: #5159ea;
  --msl-bg-marketing-minimal: #f1f1ff;
  --msl-bg-marketing-pressed: #453add;
  --msl-text-lavender: #0e01a6;
  --msl-text-marketing: #0e01a6;
  --msl-text-on-marketing: #fff;

  --msl-text-primary: #007461;
  --msl-text-on-primary: #fff;
  --msl-text-accent: #004652;
  --msl-text: #19212d;
  --msl-text-moderate: #666e8a;
  --msl-text-reverse: #fff;
  --msl-text-primary-hover: #075144;
  --msl-text-primary-pressed: #004652;
  --msl-text-disabled: #465266;
  --msl-text-readonly: #253142;
  --msl-text-reverse-disabled: #aeb2c0;
  --msl-text-cancel-pressed: #62181f;
  --msl-text-cancel: #ae0014;
  --msl-text-info: #16688d;
  --msl-text-success: #137128;
  --msl-text-warning: #a64100;
  --msl-text-critical: #ae0014;
  --msl-text-neutral: #465266;
  --msl-text-purple: #7d41db;
  --msl-text-pink: #911aac;
  --msl-text-red: #b91d36;
  --msl-text-yellow: #746000;
  --msl-text-green: #006f51;
  --msl-text-blue: #1c6a77;
  --msl-text-contact: #009c8c;

  --msl-bg-page: #fff;
  --msl-bg-contrast: #19212d;
  --msl-bg-overlay: #07162180;
  --msl-bg-surface: #fff;
  --msl-bg-surface-minimal: #f6f7f9;
  --msl-bg-surface-on-minimal: #fff;
  --msl-bg-elmt: #fff;
  --msl-bg-elmt-minimal: #f6f7f9;
  --msl-bg-elmt-moderate: #bcc0cd;
  --msl-bg-elmt-accent: #004652;

  --msl-bg-primary: #007461;
  --msl-bg-primary-hover: #075144;
  --msl-bg-primary-pressed: #004652;
  --msl-bg-highlight: #6ea3711a;
  --msl-bg-disabled: #edeef1;
  --msl-bg-readonly: #edeef1;
  --msl-bg-readonly-strong: #666e8a;
  --msl-bg-hover: #7e937e1a;
  --msl-bg-pressed: #7e937e33;
  --msl-bg-reverse-hover: #0716214d;
  --msl-bg-reverse-pressed: #07162180;
  --msl-bg-reverse-disabled: #07162133;

  --msl-bg-info: #097faf;
  --msl-bg-info-minimal: #e9f5fd;
  --msl-bg-info-transparent: #5aaad526;

  --msl-bg-success: #008037;
  --msl-bg-success-minimal: #eaf5eb;
  --msl-bg-success-transparent: #44ac6026;

  --msl-bg-warning: #c85207;
  --msl-bg-warning-minimal: #ffeee7;
  --msl-bg-warning-transparent: #f8824b26;

  --msl-bg-critical: #ca2f2e;
  --msl-bg-critical-minimal: #ffedeb;
  --msl-bg-critical-transparent: #f26a6326;

  --msl-bg-neutral: #666e8a;
  --msl-bg-neutral-minimal: #f6f7f9;
  --msl-bg-neutral-transparent: #959bb026;

  --msl-bg-notification: #e62f44;

  --msl-bg-purple: #8e55f0;
  --msl-bg-purple-minimal: #f1edff;
  --msl-bg-purple-transparent: #a67cff26;

  --msl-bg-pink: #ae3eca;
  --msl-bg-pink-minimal: #fbecff;
  --msl-bg-pink-transparent: #c556e126;

  --msl-bg-red: #d32d44;
  --msl-bg-red-minimal: #ffebea;
  --msl-bg-red-transparent: #f1495926;

  --msl-bg-yellow: #8d7600;
  --msl-bg-yellow-minimal: #fff6d1;
  --msl-bg-yellow-transparent: #ba930026;

  --msl-bg-green: #008966;
  --msl-bg-green-minimal: #dbf8eb;
  --msl-bg-green-transparent: #00ac8026;

  --msl-bg-blue: #0a94a8;
  --msl-bg-blue-minimal: #e0f3f6;
  --msl-bg-blue-transparent: #3ba9b926;

  --msl-bg-brand-primary: #007461;
  --msl-bg-brand-secondary: #308276;
  --msl-bg-brand-tertiary: #0a94a8;
  --msl-bg-brand-accent: #004652;
  --msl-bg-brand-moderate: #d8ead7;
  --msl-bg-brand-minimal: #f4f9f3;
  --msl-bg-brand-neutral: #edf0ed;

  --msl-bg-contact: #009c8c;

  --msl-border-primary: #007461;
  --msl-border-focusIndicator: #0a94a8;
  --msl-border-primary-hover: #075144;
  --msl-border-primary-pressed: #004652;
  --msl-border-disabled: #aeb2c0;
  --msl-border-reverse-disabled: #aeb2c0;
  --msl-border: #959bb0;
  --msl-border-moderate: #aeb2c0;
  --msl-border-minimal: #d9dbe3;
  --msl-border-reverse: #fff;
  --msl-border-info: #16688d;
  --msl-border-success: #137128;
  --msl-border-warning: #a64100;
  --msl-border-critical: #ae0014;

  --msl-divider-primary: #007461;
  --msl-divider: #aeb2c0;
  --msl-divider-minimal: #edeef1;
  --msl-divider-reverse: #465266;
  --msl-divider-info: #59a9d426;
  --msl-divider-success: #44ac6026;
  --msl-divider-warning: #f8824b26;
  --msl-divider-critical: #f26a6326;

  /* COULEURS */
  --Greyscale-grey-100: #f7f8fa;

  --msl-button-primary-bg: var(--msl-bg-primary);
  --msl-button-primary-bg-disabled: var(--msl-bg-disabled);
  --msl-button-primary-bg-hover: var(--msl-bg-primary-hover);
  --msl-button-primary-bg-pressed: var(--msl-bg-primary-pressed);
  --msl-button-primary-text: var(--msl-text-on-primary);
  --msl-button-primary-text-disabled: var(--msl-text-disabled);
  --msl-button-primary-text-hover: var(--msl-text-on-primary);
  --msl-button-primary-text-pressed: var(--msl-text-on-primary);

  --msl-button-primary-reverse-bg: var(--msl-bg-elmt);
  --msl-button-primary-reverse-bg-disabled: var(--msl-bg-disabled);
  --msl-button-primary-reverse-bg-hover: var(--msl-bg-hover);
  --msl-button-primary-reverse-bg-pressed: var(--msl-bg-pressed);
  --msl-button-primary-reverse-text: var(--msl-text-primary);
  --msl-button-primary-reverse-text-disabled: var(--msl-text-disabled);
  --msl-button-primary-reverse-text-hover: var(--msl-text-primary-hover);
  --msl-button-primary-reverse-text-pressed: var(--msl-text-primary-pressed);

  --msl-button-secondary-bg-hover: var(--msl-bg-hover);
  --msl-button-secondary-bg-pressed: var(--msl-bg-pressed);
  --msl-button-secondary-borderColor: var(--msl-border-primary);
  --msl-button-secondary-borderColor-disabled: var(--msl-border-disabled);
  --msl-button-secondary-borderColor-hover: var(--msl-border-primary-hover);
  --msl-button-secondary-borderColor-pressed: var(--msl-border-primary-pressed);
  --msl-button-secondary-reverse-bg-disabled: var(--msl-bg-reverse-disabled);
  --msl-button-secondary-reverse-bg-hover: var(--msl-bg-reverse-hover);
  --msl-button-secondary-reverse-bg-pressed: var(--msl-bg-reverse-pressed);
  --msl-button-secondary-reverse-borderColor: var(--msl-border-reverse);
  --msl-button-secondary-reverse-borderColor-disabled: var(
    --msl-border-reverse-disabled
  );
  --msl-button-secondary-reverse-borderColor-hover: var(--msl-border-reverse);
  --msl-button-secondary-reverse-borderColor-pressed: var(--msl-border-reverse);
  --msl-button-secondary-reverse-text: var(--msl-text-reverse);
  --msl-button-secondary-reverse-text-disabled: var(
    --msl-text-reverse-disabled
  );
  --msl-button-secondary-reverse-text-hover: var(--msl-text-reverse);
  --msl-button-secondary-reverse-text-pressed: var(--msl-text-reverse);
  --msl-button-secondary-text: var(--msl-text-primary);
  --msl-button-secondary-text-disabled: var(--msl-text-disabled);
  --msl-button-secondary-text-hover: var(--msl-text-primary-hover);
  --msl-button-secondary-text-pressed: var(--msl-text-primary-pressed);
}