@font-face {
  font-family: "Sora";
  src: url("../fonts/sora-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Sora";
  src: url("../fonts/sora-latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}

:root {
  --navy: #0B2A55;
  --navy-deep: #061326;
  --cobalt: #185FA5;
  --electric: #378ADD;
  --cyan: #5DD3F5;
  --chrome: #D9E2EC;
  --ice: #B5D4F4;
  --maple: #C8102E;
  --white: #FFFFFF;

  --bg: var(--navy-deep);
  --surface: rgba(6, 19, 38, 0.86);
  --surface-strong: rgba(6, 19, 38, 0.94);
  --edge: rgba(217, 226, 236, 0.3);
  --text: var(--white);
  --text-2: var(--ice);
  --focus: var(--cyan);

  --font-head: "Sora", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;

  --step--1: 0.875rem;
  --step-0: 1rem;
  --step-1: 1.25rem;
  --step-2: 1.6rem;
  --step-3: clamp(2rem, 1.4rem + 3vw, 3.5rem);

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;

  --radius: 14px;
  --header-h: 68px;
  --max: 1200px;
}