:root {
  --color-logo: #00ABA8;

  --color-primary: #00aba8;
  --color-primary-contrast: #ffffff;

  /* Dark */
  --color-primary-dark-1: #009a97;
  --color-primary-dark-2: #008985;
  --color-primary-dark-3: #007874;
  --color-primary-dark-4: #006763;
  --color-primary-dark-5: #004544;
  --color-primary-dark-6: #002323;
  --color-primary-dark-7: #000909;

  /* Light */
  --color-primary-light-1: #1bb6b3;
  --color-primary-light-2: #36c1bf;
  --color-primary-light-3: #51ccca;
  --color-primary-light-4: #6cd7d5;
  --color-primary-light-5: #9fe5e4;
  --color-primary-light-6: #d2f3f2;
  --color-primary-light-7: #f3fbfb;

  /* Alpha */
  --color-primary-alpha-10: #00aba819;
  --color-primary-alpha-20: #00aba833;
  --color-primary-alpha-30: #00aba84b;
  --color-primary-alpha-40: #00aba866;
  --color-primary-alpha-50: #00aba880;
  --color-primary-alpha-60: #00aba899;
  --color-primary-alpha-70: #00aba8b3;
  --color-primary-alpha-80: #00aba8cc;
  --color-primary-alpha-90: #00aba8e1;
}