:root{
    /* Misc */
    --border-radius: 25px;

    /* Colors */
    --primary: #336182;
    --primary-dark: #182D3D;
    --primary-light: #EBF5FF;
    --secondary: #C35228;
    --secondary-dark: #1A455B;
    --onelick-green: #3E787C;
    --light-gray: #DBDBDB;

    --tertiary: #13D409;
    --tertiary-light:#FFEFD7;
    --tertiary-dark: #E8A745;
    --alert: #020201;

    --text-xl: 24px;


      /** Colors **/

    --color-brand--1: #336182;
    --color-brand--2: #182D3D;
    --color-brand--3: #AD3030;
    --color-brand--4: #E8F8E4;

    --color-neutral--1: #35312D;
    --color-neutral--2: #F4F9F8;
    --color-neutral--3: #969C9A;
    --color-neutral--4: #D9D9D9;
    --color-neutral--5: #F2F3F2;
    --color-neutral--6: #ffffff;

  /** Font Size **/

  --content-size-s: 0.882rem /* 15px */;
  --content-size: 1rem /* 17px */;

  --heading-size-xl: 2.118rem /* 36px */;
  --heading-size-l: 1.588rem /* 27px */;
  --heading-size-m: 1.294rem /* 22px */;
  --heading-size-s: 1.059rem /* 18px */;
}
@media (min-width: 800px) {
  :root {
    --heading-size-xl: 3.529rem /* 60px */;
    --heading-size-l: 2.118rem /* 36px */;
    --heading-size-m: 1.588rem /* 27px */;
    --heading-size-s: 1.176rem /* 20px */;
  }
}