html {
  font-size: 62.5%;
}

:root {
  --color-primary: #7c211e;
  --color-primary-medium: #a52c28;
  --color-primary-light: #ce3732;
  --color-primary-ultra-light: #fdf7f7;
  --color-primary-dark: #2a0b0a;
  --color-primary-ultra-dark: #290b0a;
  --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: #1e797c;
  --color-primary-complement-light: #32c9ce;
  --color-primary-complement-ultra-light: #f7fdfd;
  --color-primary-complement-dark: #0a292a;
  --color-primary-complement-ultra-dark: #0a2829;
  --color-primary-triad1: #1e7c21;
  --color-primary-triad1-light: #32ce37;
  --color-primary-triad1-ultra-light: #f7fdf7;
  --color-primary-triad1-dark: #0a2a0b;
  --color-primary-triad1-ultra-dark: #0a290b;
  --color-primary-triad2: #211e7c;
  --color-primary-triad2-light: #3732ce;
  --color-primary-triad2-ultra-light: #f7f7fd;
  --color-primary-triad2-dark: #0b0a2a;
  --color-primary-triad2-ultra-dark: #0b0a29;
  --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;
  --color-d2-dark: #141413;
  /* 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: 87.5rem;
  --width-m: 75rem;
  --width-s: 50rem;
  --width-xs: 40rem;
  --width-xxs: 30rem;
}

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