/***
 *
  Variables
 *
***/

:root {

  /* Colors */
  --primary: #b85a3d;
  --secondary: #18628c;
  --tertary: #f5ecec;

  --neutral-light: #dedede;
  --neutral-medium: #727272;
  --neutral: #1e1e1e;
  --white: #ffffff;


   /* Fonts */

   --text-xs: 0.875rem /* 14px */;
   --text-s: 0.938rem /* 15px */;
   --text-m: 1rem /* 16px */;

   --title-s: 1.125rem /* h4 - 18px */;
   --title-m: 1.375rem /* h3 - 22px */;
   --title-l: 1.75rem /* h2 - 28px */;
   --title-xl: 2.25rem /* h1 - 36px */;
   --title-xxl: 2.25rem /* h1 - 36px */;
}

@media (min-width: 1000px) {
 :root {

     /* Fonts */

     --text-m: 1rem /* 18px */;

     --title-s: 1.222rem //* h4 - 22px */;
     --title-m: 1.667rem /* h3 - 30px */;
     --title-l: 2rem /* h2 - 36px */;
     --title-xl: 2.667rem /* h1 - 48px */;
     --title-xxl: 3.556rem /* h1 large - 64px */;
 }
}