@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/inter-production.woff2") format("woff2");
  unicode-range: U+0000-007F, U+00A9, U+2000-206F;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/inter-400.ttf") format("truetype");
  unicode-range: U+0080-00A8, U+00AA-052F, U+1E00-1EFF, U+20A0-20CF;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/inter-500.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/inter-600.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/inter-700.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Radio Canada Big";
  src: url("../assets/fonts/radio-canada-big-400.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Radio Canada Big";
  src: url("../assets/fonts/radio-canada-big-500.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Radio Canada Big";
  src: url("../assets/fonts/radio-canada-big-700.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Source Serif 4";
  src: url("../assets/fonts/source-serif-4-production.woff2") format("woff2");
  unicode-range: U+0000-007F, U+00A9, U+2000-206F;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Source Serif 4 Localized";
  src: url("../assets/fonts/source-serif-4-localized-production.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Source Serif 4";
  src: url("../assets/fonts/source-serif-4-600.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Source Serif Pro";
  src: url("../assets/fonts/source-serif-pro-400.woff2") format("woff2");
  unicode-range: U+0000-007F, U+00A9, U+2000-206F;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Source Serif Pro Localized";
  src: url("../assets/fonts/source-serif-pro-2.010-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --color-page: #fcfcfc;
  --color-hero: #f2f2f2;
  --color-soft: #f6f8fb;
  --color-ink: #25272d;
  --color-body: #4a4e5a;
  --color-muted: #666e7e;
  --color-line: #dbe0ec;
  --color-accent: #495ffd;
  --color-yellow: #fde749;
  --color-dark: #0d0d0d;
  --color-white: #ffffff;

  --font-display: "Inter", Arial, sans-serif;
  --font-support: "Radio Canada Big", Arial, sans-serif;
  --font-body: "Source Serif 4", Georgia, serif;
  --font-values: "Source Serif Pro", Georgia, serif;

  --container: 1120px;
  --radius-button: 4px;
  --radius-media: 20px;
  --radius-card: 16px;
  --shadow-button-mobile: 0 4px 3px rgba(0, 0, 0, 0.12), 0 8px 4px rgba(0, 0, 0, 0.08);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

html[lang="pl"],
html[lang="uk"] {
  --font-body: "Source Serif 4 Localized", Georgia, serif;
  --font-values: "Source Serif Pro Localized", Georgia, serif;
}

html[lang="uk"] {
  --font-support: "Inter", Arial, sans-serif;
}