html {
  font-size: 62.5%;
}

:root {
  --color-primary: #823134;
  --color-primary-medium: #a73f43;
  --color-primary-light: #c0595d;
  --color-primary-ultra-light: #fcf8f8;
  --color-primary-dark: #381516;
  --color-primary-ultra-dark: #250e0f;
  --color-secondary: #49c6dd;
  --color-secondary-medium: #74d3e5;
  --color-secondary-light: #9fe1ed;
  --color-secondary-ultra-light: #f6fcfd;
  --color-secondary-dark: #1e8da2;
  --color-secondary-ultra-dark: #0e424c;
  --color-accent: #005070;
  --color-accent-medium: #0074a3;
  --color-accent-light: #0099d6;
  --color-accent-ultra-light: #f5fcff;
  --color-accent-dark: #002433;
  --color-accent-ultra-dark: #002433;
  --color-base: #c75363;
  --color-base-medium: #d47986;
  --color-base-light: #e0a0a9;
  --color-base-ultra-light: #fcf7f8;
  --color-base-dark: #882c39;
  --color-base-ultra-dark: #3b1319;
  --color-shade: #706b6b;
  --color-shade-medium: #8a8484;
  --color-shade-light: #a39e9e;
  --color-shade-ultra-light: #fafafa;
  --color-shade-dark: #3c3939;
  --color-shade-ultra-dark: #1a1919;
  --color-primary-complement: #31827f;
  --color-primary-complement-light: #59c0bc;
  --color-primary-complement-ultra-light: #f8fcfc;
  --color-primary-complement-dark: #153837;
  --color-primary-complement-ultra-dark: #0e2524;
  --color-primary-triad1: #348231;
  --color-primary-triad1-light: #5dc059;
  --color-primary-triad1-ultra-light: #f8fcf8;
  --color-primary-triad1-dark: #163815;
  --color-primary-triad1-ultra-dark: #0f250e;
  --color-primary-triad2: #313482;
  --color-primary-triad2-light: #595dc0;
  --color-primary-triad2-ultra-light: #f8f8fc;
  --color-primary-triad2-dark: #151638;
  --color-primary-triad2-ultra-dark: #0e0f25;
  --color-secondary-complement: #dd6049;
  --color-secondary-complement-light: #edab9f;
  --color-secondary-complement-ultra-light: #fdf7f6;
  --color-secondary-complement-dark: #a2331e;
  --color-secondary-complement-ultra-dark: #4c180e;
  --color-secondary-triad1: #dd49c6;
  --color-secondary-triad1-light: #ed9fe1;
  --color-secondary-triad1-ultra-light: #fdf6fc;
  --color-secondary-triad1-dark: #a21e8d;
  --color-secondary-triad1-ultra-dark: #4c0e42;
  --color-secondary-triad2: #c6dd49;
  --color-secondary-triad2-light: #e1ed9f;
  --color-secondary-triad2-ultra-light: #fcfdf6;
  --color-secondary-triad2-dark: #8da21e;
  --color-secondary-triad2-ultra-dark: #424c0e;
  /* FONT SIZES */
  --text-xxl: clamp(4rem, calc(4rem + ((1vw - 0.32rem) * 1.0417)), 5rem);
  --text-xl: clamp(3rem, calc(3rem + ((1vw - 0.32rem) * 1.0417)), 4rem);
  --text-l: clamp(2.6rem, calc(2.6rem + ((1vw - 0.32rem) * 0.625)), 3.2rem);
  --text-m: clamp(2.2rem, calc(2.2rem + ((1vw - 0.32rem) * 0.625)), 2.8rem);
  --text-s: clamp(1.8rem, calc(1.8rem + ((1vw - 0.32rem) * 0.4167)), 2.2rem);
  --text-xs: clamp(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.4167)), 1.8rem);
  --text-xxs: clamp(1rem, calc(1rem + ((1vw - 0.32rem) * 0.4167)), 1.4rem);
  /* SPACING */
  --space-xxl: clamp(5rem, calc(5rem + ((1vw - 0.32rem) * 5.2083)), 10rem);
  --space-xl: clamp(4rem, calc(4rem + ((1vw - 0.32rem) * 3.6458)), 7.5rem);
  --space-l: clamp(3.5rem, calc(3.5rem + ((1vw - 0.32rem) * 1.5625)), 5rem);
  --space-m: clamp(3rem, calc(3rem + ((1vw - 0.32rem) * 1.0417)), 4rem);
  --space-s: clamp(2rem, calc(2rem + ((1vw - 0.32rem) * 1.0417)), 3rem);
  --space-xs: clamp(1rem, calc(1rem + ((1vw - 0.32rem) * 1.0417)), 2rem);
  --space-xxs: 1rem;
  /* BORDER RADIUS */
  --radius-xl: 4rem;
  --radius-l: 3rem;
  --radius-m: 2rem;
  --radius-s: 1rem;
  --radius-xs: 0.8rem;
  /* MAX WIDTH */
  --width-xl: 100rem;
  --width-l: 90rem;
  --width-m: 75rem;
  --width-s: 50rem;
  --width-xs: 40rem;
  --width-xxs: 30rem;
}

/*# sourceMappingURL=style.css.map */