:root {

  --color-foreground-1: #191919;
  --color-foreground-2: #282828;
  --color-foreground-3: #3A3A3A;
  --color-foreground-4: #515151;
  --color-stroke-1: #eee;
  --color-stroke-2: #ddd;
  --color-stroke-3: #ccc;
  --color-stroke-4: #bbb;
  --color-background-1: #fff;
  --color-background-2: #f9fafb;
  --color-background-3: #f4f7f8;
  --color-background-4: #f2f5f6;
  --color-link: #3333ff;

  --spacing-none: 0;
  --spacing-xxs: .25rem; /* 4px */
  --spacing-xs: .5rem;   /* 8px */
  --spacing-sm: 1rem;    /* 16px */
  --spacing-md: 1.5rem;  /* 24px */
  --spacing-lg: 2rem;    /* 32px */
  --spacing-xl: 3rem;    /* 48px */
  --spacing-xxl: 4rem;   /* 64px */
  --spacing-xxxl: 6rem;  /* 80px */
  --spacing-xxxxl: 8rem; /* 128px */

  --breakpoint-xs: 400px;
  --breakpoint-sm: 500px;
  --breakpoint-md: 600px;
  --breakpoint-lg: 800px;
  --breakpoint-xl: 1000px;
  --breakpoint-xxl: 1280px;

/*****  FONT SIZE  *****/
--font-family-base: "ff-din-paneuropean", sans-serif;
  --font-family-condensed: "ff-din-paneuropean-cond", sans-serif;
  
  --font-style-normal: normal;

  --leading-xtight: 1;
  --leading-tight: 1.35;
  --leading-normal: 1.65;
  --leading-loose: 1.83;

  --fw-black: 900;
  --fw-bold: 700;
  --fw-medium: 500;
  --fw-regular: 400;
  --fw-light: 300;
  --fw-thin: 200;
  
  --fs-xs: clamp(0.93rem, -0.03vi + 0.94rem, 0.91rem);
  --fs-sm: clamp(1.02rem, 0vi + 1.02rem, 1.03rem);
  --fs-base: clamp(1.13rem, 0.04vi + 1.11rem, 1.16rem);
  --fs-md: clamp(1.24rem, 0.09vi + 1.22rem, 1.3rem);
  --fs-lg: clamp(1.36rem, 0.15vi + 1.32rem, 1.47rem);
  --fs-xl: clamp(1.5rem, 0.22vi + 1.44rem, 1.66rem);
  --fs-xxl: clamp(1.65rem, 0.3vi + 1.57rem, 1.87rem);
  --fs-xxxl: clamp(1.81rem, 0.4vi + 1.71rem, 2.11rem);

/*
  --fs-xs: clamp(0.9rem, 0.18vi + 0.79rem, 1.02rem);
  --fs-sm: clamp(1.02rem, 0.26vi + 0.96rem, 1.22rem);
  --fs-base: clamp(1.13rem, 0.33vi + 1.04rem, 1.38rem);
  --fs-md: clamp(1.24rem, 0.42vi + 1.13rem, 1.55rem);
  --fs-lg: clamp(1.36rem, 0.52vi + 1.23rem, 1.75rem);
  --fs-xl: clamp(1.5rem, 0.63vi + 1.34rem, 1.97rem);
  --fs-xxl: clamp(1.65rem, 0.77vi + 1.45rem, 2.23rem);
  --fs-xxxl: clamp(1.81rem, 0.93vi + 1.58rem, 2.51rem);
*/

}