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

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

@font-face {
  font-family: "Montserrat";
  src: url("../assets/fonts/montserrat-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../assets/fonts/montserrat-medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../assets/fonts/montserrat-extrabold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../assets/fonts/montserrat-black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../assets/fonts/montserrat-alternates-light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../assets/fonts/montserrat-alternates-medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("../assets/fonts/montserrat-alternates-semibold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "PT Root UI";
  src: url("../assets/fonts/pt-root-ui-variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: "a_Stamper";
  src: url("../assets/fonts/a-stamper-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --color-bg: #080706;
  --color-text: #f4f1eb;
  --color-muted: #c8c1b7;
  --color-gold: #df9809;
  --color-gold-soft: #f4b72d;
  --glass-bg: rgb(12 11 10 / 78%);
  --glass-border: rgb(223 152 9 / 58%);
  --header-height: 6rem;
  --ease-ui: cubic-bezier(0.22, 1, 0.36, 1);
  --shadow-gold: 0 0 1.5rem rgb(223 152 9 / 36%);
  --font-sans: "Montserrat", Arial, sans-serif;
  --font-ui: "Inter", Arial, sans-serif;
  --font-copy: "PT Root UI", Arial, sans-serif;
  --font-display: "Montserrat Alternates", "Montserrat", Arial, sans-serif;
  --font-stamp: "a_Stamper", "Montserrat", Arial, sans-serif;
}