@font-face {
  font-family: "Graduate";
  src: url("../fonts/graduate/Graduate-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

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

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

:root {
  --quality-blue: #1e4e7b;
  --header-height: 108px;
  --quality-red: #cd1f40;
  --quality-black: #000;
  --quality-graphite: #141414;
  --quality-white: #fff;
  --surface-dark: #242424;
  --surface-field: #f4f6f8;
  --ink: var(--quality-graphite);
  --paper: var(--quality-white);
  --font-display: "Graduate", Georgia, serif;
  --font-body: "Poppins", Arial, sans-serif;
  --type-small: 0.875rem;
  --type-body: 1rem;
  --type-lead: clamp(1.125rem, 1.8vw, 1.5rem);
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --content-max: 80rem;
  --section-space: clamp(5rem, 8vw, 7.5rem);
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-6: 3rem;
  --space-8: 4rem;
  --space-12: 6rem;
  --radius-panel: 1.5rem;
  --radius-control: 999px;
  --motion-short: 180ms;
  --motion-medium: 650ms;
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
}