:root {
  --heading-h1-xl: 54px;
  --heading-h1: 40px;
  --heading-h2: 34px;
  --heading-h3: 26px;

  --text-xl: 18px;
  --text-l: 16px;
  --text-m: 16px;
  --text-s: 14px;

  --black-light: #4F4F4F;
  --black-medium: #333333;
  --black-dark: #1A1A1A;

  --white-light: #F5F5F5;
  --white-medium: #DDDDDD;
  --white-dark: #BBBBBB;

  --red-light: #ea6153;
  --red-medium: #e74c3c;
  --red-dark: #d62c1a;

  --bleu-light: #699fed;
  --bleu-medium: #3c82e7;
  --bleu-dark: #1a67d6;
}
@media all and (min-width: 760px) {
  :root {
    --heading-h1-xl: 64px;
    --heading-h1: 48px;
    --heading-h2: 36px;
    --heading-h3: 32px;

    --text-xl: 24px;
    --text-l: 20px;
  }
}