/* Brand fonts for the curiosity.ai blog — all self-hosted. The blog uses BOTH:

     • Plus Jakarta Sans — the body/footer typeface (the site's base font), and
     • Inter — the marketing header chrome (Inter's Display optical cut, matching
       curiosity.ai's nav links + CTA pills).

   Plus Jakarta Sans ships as a variable TTF; Inter comes from the official
   Inter 4.0 release (RSMS, version 4.000 — the exact version Framer serves)
   under /assets/fonts/Inter-4.0/web. Referenced from neko.yml via
   `theme.font.url`. */

/* Body / footer — Plus Jakarta Sans, variable (weights 200–800), upright +
   italic. `theme.font.family: Plus Jakarta Sans` makes Neko emit
   `:root { font-family: 'Plus Jakarta Sans', sans-serif }`, which resolves
   here. */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/assets/fonts/Plus_Jakarta_Sans/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url('/assets/fonts/Plus_Jakarta_Sans/PlusJakartaSans-Italic-VariableFont_wght.ttf') format('truetype');
}

/* Inter — self-hosted from the Inter 4.0 release and available site-wide as a
   variable font: one file per axis covers weights 100–900, upright + italic. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/Inter-4.0/web/InterVariable.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/Inter-4.0/web/InterVariable-Italic.woff2') format('woff2');
}

/* Inter's DISPLAY optical cut, used for the header chrome at curiosity.ai's
   weight (Medium / 500). */
@font-face {
  font-family: 'InterDisplay';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/Inter-4.0/web/InterDisplay-Medium.woff2') format('woff2');
}

/* Let the browser pick the optical size from the rendered point size (Inter's
   variable font ships true optical sizing). */
:root { font-optical-sizing: auto; }

/* Marketing header chrome (nav links + CTA pills) renders in Inter even though
   the body uses Plus Jakarta Sans. A direct rule on `header` overrides the
   inherited `:root` base font; Neko no longer pins this itself. */
header { font-family: 'InterDisplay', 'Inter', sans-serif; }