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

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

@font-face {
  font-family: "DM Sans";
  src: url("../assets/fonts/DM-Sans-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
}

:root {
  color-scheme: light;
  --ink: #0d1520;
  --navy: #1e2f58;
  --navy-deep: #142443;
  --gold: #c4b49a;
  --gold-light: #ded4c4;
  --gold-deep: #7a6748;
  --paper: #f4f3ef;
  --white: #ffffff;
  --blue-text: #40516d;
  --text-on-dark: #d8e1ec;
  --error: #8b251d;
  --error-surface: #fff8f7;
  --line: #c9ced7;
  --line-dark: rgba(255, 255, 255, 0.25);
  --font-display: "Oxanium", sans-serif;
  --font-heading: "Manrope", sans-serif;
  --font-body: "DM Sans", sans-serif;
  --text-xs: clamp(0.78rem, 0.75rem + 0.08vw, 0.84rem);
  --text-sm: clamp(0.9rem, 0.86rem + 0.12vw, 0.98rem);
  --text-base: clamp(1rem, 0.96rem + 0.16vw, 1.1rem);
  --text-lead: clamp(1.15rem, 1.05rem + 0.35vw, 1.38rem);
  --text-h3: clamp(1.45rem, 1.22rem + 0.75vw, 2rem);
  --text-h2: clamp(2rem, 1.52rem + 1.55vw, 3.25rem);
  --text-h1: clamp(2.65rem, 1.74rem + 3.4vw, 5.65rem);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6.5rem;
  --space-10: 9rem;
  --shell: 82rem;
  --reading: 68ch;
  --focus: 3px solid var(--gold);
  --header-height: 5rem;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}