@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/InterVariable.woff2?v=20260902-1") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: optional;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/InterVariable-Italic.woff2?v=20260902-1") format("woff2-variations");
  font-style: italic;
  font-weight: 100 900;
  font-display: optional;
}

:root {
  color-scheme: light;

  --font-sans: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --text-display-size: clamp(2.25rem, 4.5vw, 3rem);
  --text-display-leading: 1.083;
  --text-h1-size: clamp(1.875rem, 3vw, 2.25rem);
  --text-h1-leading: 1.167;
  --text-h2-size: 1.5rem;
  --text-h2-leading: 1.333;
  --text-h3-size: 1.25rem;
  --text-h3-leading: 1.4;
  --text-body-large-size: 1.125rem;
  --text-body-large-leading: 1.556;
  --text-body-size: 1.0625rem;
  --text-body-leading: 1.588;
  --text-small-size: .875rem;
  --text-small-leading: 1.429;
  --text-meta-size: .75rem;
  --text-meta-leading: 1.5;

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --navy-950: #07182f;
  --navy-900: #102b4e;
  --navy-800: #163b68;
  --blue-700: #175fbe;
  --blue-600: #2b73d2;
  --blue-100: #eaf2fc;
  --green-700: #14714d;
  --green-600: #22845d;
  --green-100: #e9f5ef;
  --amber-700: #875500;
  --amber-600: #a86d08;
  --amber-100: #fff4db;
  --red-700: #a43843;
  --red-600: #bf4a54;
  --red-100: #fff0f1;
  --ink: #10243e;
  --muted: #53657c;
  --line: #dce3eb;
  --line-strong: #c8d2de;
  --surface: #ffffff;
  --surface-subtle: #f8fafc;
  --canvas: #f4f7fa;

  --radius-sm: .5rem;
  --radius-md: .75rem;
  --radius-lg: 1rem;
  --radius: var(--radius-md);
  --shadow-sm: 0 1px 2px rgba(16, 43, 78, .06);
  --shadow-md: 0 12px 32px rgba(16, 43, 78, .08);
  --shadow: var(--shadow-md);

  font-family: var(--font-sans);
  font-synthesis: none;
  font-optical-sizing: auto;
  font-weight: var(--font-weight-regular);
}

* {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  font-family: var(--font-sans);
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

body,
button,
input,
select,
textarea {
  font: inherit;
}

button,
a,
select,
input,
summary {
  -webkit-tap-highlight-color: transparent;
}

:focus-visible {
  outline: 3px solid rgba(43, 115, 210, .32);
  outline-offset: 3px;
}

@media (max-width: 640px) {
  :root {
    --text-display-size: 2.25rem;
    --text-display-leading: 1.111;
    --text-h1-size: 1.875rem;
    --text-h1-leading: 1.2;
    --text-h2-size: 1.375rem;
    --text-h2-leading: 1.364;
    --text-h3-size: 1.1875rem;
    --text-h3-leading: 1.474;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}