:root {
  --spacing: 16px;

  --font-family-euclid-square: "Euclid Square";
  --font-style-normal: "normal";
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;

  --text-heading-3l: clamp(3rem, 2.1197rem + 3.7559vw, 5.5rem);
  --text-heading-2l: clamp(3rem, 2.6479rem + 1.5023vw, 4rem);
  --text-heading-1l: clamp(2.125rem, 1.8169rem + 1.3146vw, 3rem);
  --text-heading-m: clamp(1.75rem, 1.4859rem + 1.1268vw, 2.5rem);
  --text-heading-1s: clamp(1.375rem, 1.331rem + 0.1878vw, 1.5rem);
  --text-heading-2s: 1rem;
  --text-body-2l: clamp(1.5rem, 1.3239rem + 0.7512vw, 2rem);
  --text-body-1l: clamp(1.25rem, 1.162rem + 0.3756vw, 1.5rem);
  --text-body-m: clamp(1.125rem, 1.081rem + 0.1878vw, 1.25rem);
  --text-body-1s: clamp(1rem, 0.956rem + 0.1878vw, 1.125rem);
  --text-body-2s: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);
  --text-body-3s: clamp(0.75rem, 0.706rem + 0.1878vw, 0.875rem);
  --text-body-4s: clamp(0.625rem, 0.581rem + 0.1878vw, 0.75rem);

  --letter-spacing-tight: -1px;
  --letter-spacing-close: -0.5px;
  --letter-spacing-normal: 0px;

  --color-brand-green: rgb(193 214 46);
  --color-brand-orange: rgb(224 105 0);
  --color-brand-teal: rgb(33 96 105);
  --color-error: rgb(205 25 35);
  --color-grey-0: rgb(230 230 230);
  --color-grey-1: rgb(204 204 204);
  --color-grey-2: rgb(178 178 178);
  --color-grey-3: rgb(128 128 128);
  --color-grey-4: rgb(77 77 77);
  --color-link: rgb(193 214 46);
  --color-slate: rgb(25 25 25);

  --spacing-5s: 0.25rem;
  --spacing-4s: clamp(0.25rem, 0.162rem + 0.3756vw, 0.5rem);
  --spacing-3s: 1rem;
  --spacing-2s: clamp(1rem, 0.8239rem + 0.7512vw, 1.5rem);
  --spacing-1s: clamp(1.5rem, 1.3239rem + 0.7512vw, 2rem);
  --spacing-s: clamp(1.5rem, 1.1479rem + 1.5023vw, 2.5rem);
  --spacing-l: clamp(2rem, 1.6479rem + 1.5023vw, 3rem);
  --spacing-1l: clamp(2rem, 1.4718rem + 2.2535vw, 3.5rem);
  --spacing-2l: clamp(2.5rem, 1.9718rem + 2.2535vw, 4rem);
  --spacing-3l: clamp(3.5rem, 2.9718rem + 2.2535vw, 5rem);
  --spacing-4l: clamp(3.5rem, 2.2676rem + 5.2582vw, 7rem);
  --spacing-5l: clamp(3.5rem, 2.0915rem + 6.0094vw, 7.5rem);

  --leading-tight: 1.1;
  --leading-normal: 1.3;
  --leading-relaxed: 1.5;

  --shadow-xl: 0 40px 20px 0 rgb(0 0 0 / 0.05), 0 20px 20px 0 rgb(0 0 0 / 0.09),
    0 5px 10px 0 rgb(0 0 0 / 0.1);

  --animate-scroll: scroll 20s linear infinite;
  --animate-scroll-slow: scroll 60s linear infinite;

  --ease-out-circ: cubic-bezier(0, 0.55, 0.45, 1);
  --ease-ease-in-out-quint: cubic-bezier(0.83, 0, 0.17, 1);

  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }
}

@font-face {
  font-family: "Euclid Square";
  src: url("/ResourcePackages/_extra-fields/Fonts/EuclidSquare/subset-EuclidSquare-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Euclid Square";
  src: url("/ResourcePackages/_extra-fields/Fonts/EuclidSquare/subset-EuclidSquare-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Euclid Square";
  src: url("/ResourcePackages/_extra-fields/Fonts/EuclidSquare/subset-EuclidSquare-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

::selection {
  background: var(--color-brand-green);
  color: black;
}