/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../assets/fonts/open-sans-v44-latin-regular.woff2") format("woff2");
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../assets/fonts/open-sans-v44-latin-500.woff2") format("woff2");
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../assets/fonts/open-sans-v44-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
  /* Define here your global styles:
      - Colors
      - Text styles
      - Override global styles
  */
  --white: #ffffff;
  --black: #000000;
  --black-50: #00000080;
  --black-40: #00000066;
  --black-25: #00000040;

  --text-6xl: clamp(2.5rem, 1.8629rem + 2.7184vw, 5.125rem);
  --text-5xl: clamp(2.375rem, 2.1019rem + 1.165vw, 3.5rem);
  --text-4xl: clamp(3rem, 3rem + 0vw, 3rem);
  --text-3xl: clamp(2rem, 1.9393rem + 0.2589vw, 2.25rem);
  --text-2xl: clamp(1.625rem, 1.534rem + 0.3883vw, 2rem);
  --text-xl: clamp(1.5625rem, 1.517rem + 0.1942vw, 1.75rem);
  --text-lg: clamp(1.625rem, 1.625rem + 0vw, 1.625rem);
  --text-md: clamp(1.125rem, 1.0947rem + 0.1294vw, 1.25rem);
  --text-sm: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);

  --line-6xl: clamp(2.625rem, 2.0182rem + 2.589vw, 5.125rem);
  --line-5xl: clamp(2.375rem, 2.0716rem + 1.2945vw, 3.625rem);
  --line-4xl: clamp(3.25rem, 3.25rem + 0vw, 3.25rem);
  --line-3xl: clamp(2rem, 1.909rem + 0.3883vw, 2.375rem);
  --line-2xl: clamp(2rem, 1.8786rem + 0.5178vw, 2.5rem);
  --line-xl: clamp(1.875rem, 1.8447rem + 0.1294vw, 2rem);
  --line-lg: clamp(1.5rem, 1.318rem + 0.7767vw, 2.25rem);
  --line-md: clamp(1.625rem, 1.5947rem + 0.1294vw, 1.75rem);
  --line-sm: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
  --line-xs: clamp(1rem, 1rem + 0vw, 1rem);

  --spacer-4xl: clamp(4.375rem, 2.4029rem + 8.4142vw, 12.5rem);
  --spacer-3xl: clamp(2.1875rem, 1.2015rem + 4.2071vw, 6.25rem);
  --spacer-2xl: clamp(2.1875rem, 1.6566rem + 2.2654vw, 4.375rem);
  --spacer-xl: 3.125rem;
  --spacer-lg: clamp(0.9375rem, 0.7858rem + 0.6472vw, 1.5625rem);
  --spacer-md: clamp(0.9375rem, 0.8617rem + 0.3236vw, 1.25rem);
  --spacer-sm: 0.9375rem;
  --spacer-xs: 0.625rem;
  --spacer-xxs: 0.3125rem;

  --page-padding: clamp(1rem, 0.1808rem + 3.4951vw, 4.375rem);
}

[data-theme="Dark"] {
  --white: #000000;
  --black: #ffffff;
  --black-50: #ffffff80;
  --black-40: #ffffff66;
  --black-25: #ffffff40;
}