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

:root {
  --color-black: #0A0A0A;
  --color-graphite: #1C1C1C;
  --color-gray: #6B6B6B;
  --color-white: #FAFAFA;
  --color-accent-red: #D8262F;
  --color-accent-red-hover: #B01F27;
  --color-accent-red-focus: #E8545C;
  --color-surface-dark-1: #141414;
  --color-surface-dark-2: #1F1F1F;

  --font-oswald: "Oswald", sans-serif;
  --font-inter: "Inter", sans-serif;

  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 32px;
  --space-lg: 64px;
  --space-xl: 96px;

  --bp-tablet: 768px;
  --bp-desktop: 1024px;
  --content-max-width: 1200px;

  --header-height: 88px;
  --header-height-mobile: 64px;
}