@import url("css/tokens.css");
@import url("css/base.css");
@import url("css/layout.css");
@import url("css/components.css");
@import url("css/pages.css");

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/inter.woff2") format("woff2"),
       local("Inter"),
       local("-apple-system");
}

:root {
  --font-inter: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --color-brand: #1f4e79;
  --color-ink: #101c3f;
  --space-1: 0.25rem;
}

body {
  font-family: var(--font, 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
}

h1, h2, h3, h4, h5, h6, .hero h1 {
  font-family: var(--font, 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
}

.site-header { position: sticky; top: 0; z-index: 50; }
.hero { position: relative; }
.card { background: #fff; border-radius: var(--radius); }
.btn { display: inline-flex; align-items: center; font-family: var(--font, 'Inter', sans-serif); }
.site-footer { background: var(--navy-950); }