/*** Variables ***/
:root {
  --main-color: #8d5fff;

  --color__purple--100: #c2b4fc;
  /*--color__purple--200: #AE97FD;*/
  --color__purple--300: #9977fe;
  /*--color__purple--400: #8d5fff;*/
  /*--color__purple--500: #6C47CF;*/
  --color__purple--600: #55419e;
  /*--color__purple--800: #26224c;*/

  --sec-color: #841833;
  --text-color: #031f30;

  --color__blue--100: #acc2dd;
  /*--color__blue--500: #42638c;*/
  /*--color__blue--600: #2e4869;*/
  /*--color__blue--700: #172f48;*/
  /*--color__blue--800: #031f30;*/
  --color__blue--900: #011523;

  --footer-text-color: #ffffff94;

  --hl-font: 'SecuritasPro', Arial;
  --text-font: 'SecuritasPro', Arial;
  --h1-fs: clamp(32px, 6vw, 50px);
  --h1-lh: 115%;
  --h2-fs: clamp(27px, 5vw, 32px);
  --h3-fs: clamp(21px, 4vw, 23px);
  --p-fs: clamp(16px, 2vw, 16px);
  --p-lh: 24px;
  --btn-fs: calc(var(--p-fs) + 0px);
}