@font-face {
  font-family: "Sentinel Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/inter/Inter-400.ttf?v=1") format("truetype");
}

@font-face {
  font-family: "Sentinel Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/inter/Inter-500.ttf?v=1") format("truetype");
}

@font-face {
  font-family: "Sentinel Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/inter/Inter-600.ttf?v=1") format("truetype");
}

@font-face {
  font-family: "Sentinel Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/inter/Inter-700.ttf?v=1") format("truetype");
}

@font-face {
  font-family: "Sentinel Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/static/fonts/inter/Inter-800.ttf?v=1") format("truetype");
}

@font-face {
  font-family: "Sentinel Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/static/fonts/inter/Inter-900.ttf?v=1") format("truetype");
}

:root {
  --sentinel-sans: "Sentinel Inter", sans-serif;
  --sentinel-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  --sentinel-weight-body: 400;
  --sentinel-weight-medium: 500;
  --sentinel-weight-heading: 600;
  --sentinel-weight-strong: 700;

  --sentinel-tracking-heading: -0.032em;
  --sentinel-tracking-label: 0.10em;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--sentinel-sans);
}

body {
  font-weight: var(--sentinel-weight-body);
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--sentinel-sans) !important;
  font-weight: var(--sentinel-weight-heading) !important;
  letter-spacing: var(--sentinel-tracking-heading) !important;
}

h1 {
  line-height: 1.02 !important;
}

h2 {
  line-height: 1.08 !important;
}

h3,
h4,
h5,
h6 {
  line-height: 1.18 !important;
}

nav a,
button,
input[type="submit"],
input[type="button"],
.btn,
.button,
.submit {
  font-weight: var(--sentinel-weight-heading) !important;
}

label,
.label,
legend {
  font-weight: var(--sentinel-weight-heading) !important;
}

.eyebrow,
.badge,
.pill,
.kicker {
  font-weight: var(--sentinel-weight-strong) !important;
  letter-spacing: var(--sentinel-tracking-label) !important;
}

code,
pre,
kbd,
samp {
  font-family: var(--sentinel-mono) !important;
}