@font-face {
  font-family: "Bomstad Display";
  src: url("../assets/fonts/BomstadDisplay-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bomstad Display";
  src: url("../assets/fonts/BomstadDisplay-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bomstad Display";
  src: url("../assets/fonts/BomstadDisplay-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bomstad Display";
  src: url("../assets/fonts/BomstadDisplay-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --navy: #0b1f3a;
  --blue: #164d8a;
  --green: #15875a;
  --lime: #c8e650;
  --white: #ffffff;
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-400: #94a3b8;
  --gray-500: #64748b;
  --gray-700: #334155;
  --gray-900: #0f172a;

  --font-display: "Bomstad Display", system-ui, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  --shadow-sm: 0 2px 8px rgba(11, 31, 58, 0.06);
  --shadow-md: 0 8px 24px rgba(11, 31, 58, 0.1);
  --shadow-lg: 0 16px 48px rgba(11, 31, 58, 0.14);
  --shadow-card: 0 4px 20px rgba(11, 31, 58, 0.08);

  --header-height: 72px;
  --section-pad: clamp(3.5rem, 6vw, 6rem);
  --container: 1200px;

  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}