/**
 * @file
 * The variables.
 *
 * It includes styles variables for colors.
 */
/**
 * Global variables
 */
:root {

  /** Colors **/
  --color-primary--1: #265D7F;
  --color-primary--2: #217EB7; /* primary fluo*/
  --color-primary--3: #113043; /* primary X dark */
  --color-primary--4: #1D4761; /* primary dark*/

  --color-secondary--1: #F8C72C;
  --color-tertiary--1: #A45226;

  --color-neutral--1: #252121;
  --color-neutral--2: #32343c;
  --color-neutral--3: #CBCEDB;
  --color-neutral--4: #fff;
  --color-neutral--5: #C2C2C2;
  --color-dark: #121212;
  --color-white: #fff;
  --color-background: #EFEFEF;

  /** System **/
  --color-system--1: #888da0;
  --color-system--2: #32343c;
  --color-system--3: #CBCEDB;
  --color-system--4: #fff;

  /** Font Families **/
  --font-shantell: 'shantell-sans-normal', sans-serif;
  --font-nunito: 'nunito-sans', sans-serif;

  /** Font Size **/
  --content-size-xs: 1rem /* 16px */;
  --content-size-s: 1.125rem /* 18px */;
  --content-size-m: 1.25rem /* 20px */;
  --content-size-l: 1.375rem /* 22px */;
  --content-size-xxl: 2.5rem /* 40px */;

  --heading-size-xs: 1rem /* 16px */;
  --heading-size-s: 1.125rem /* 18px */;
  --heading-size-m: 1.188rem /* 19px */;
  --heading-size-l: 1.875rem /* 30px */;
  --heading-size-xl: 2.25rem /* 36px */;

  --swiper-pagination-bullet-size : 16px;
  --swiper-pagination-color: #265D7F;

}

.path-frontpage {
  --heading-size-l: 30px;
}

.path-frontpage .text p {
  font-size: 18px;
}

.path-frontpage .text {
  gap: 0;
}

:root .background-color--primary--1 {
  --swiper-pagination-color: #113043;
}

@media (min-width: 1000px) {

  :root {
    --content-size-s: 1.25rem /* 20px */;
    --content-size-m: 1.5rem /* 24px */;
    --content-size-l: 2rem /* 32px */;
    --content-size-xxl: 3.25rem /* 54px */;

    --heading-size-xs: 1rem /* 16px */;
    --heading-size-s: 1.50rem /* 24px */;
    --heading-size-m: 1.875rem /* 30px */;
    --heading-size-l: 2.25rem /* 36px */;
    --heading-size-xl: 4.5rem /* 72px */;
  }

  .path-frontpage {
    --heading-size-l: 64px;
  }

  .path-frontpage .text p {
    font-size: 22px;
  }

}