/* ============================================================================
 * Trulioo Portal Kit - fonts (self-hosted, extracted from labs.trulioo.com)
 * ----------------------------------------------------------------------------
 * The real brand font files, pulled verbatim from the live portal:
 *   Tobias           - editorial serif (Tobias-Regular.otf, Tobias-Medium.otf)
 *   Founders Grotesk - display sans (FoundersGrotesk-Light/Regular/Medium.otf)
 *   Libre Franklin   - UI/body sans (SIL OFL; self-hosted, NOT a CDN @import)
 * These are licensed fonts (Klim Type Foundry) shipped by the portal; kept here
 * so the kit renders 1:1. If redistribution needs a license check, keep them
 * internal-only.
 *
 * NO fonts.googleapis.com @import: consumers of this kit (e.g. kya.trulioo.com)
 * run a strict CSP (style-src 'self' 'unsafe-inline'; no fonts.googleapis.com),
 * so a Google Fonts @import is BLOCKED and was one of the attestation-page font
 * errors. Libre Franklin is self-hosted by the embedding surface (kya-portal's
 * index.html loads the vendored woff2); this kit only owns the Tobias/Founders
 * faces below. Kit demo pages fall back to the system sans stack for Libre.
 * ============================================================================ */

/* Tobias - editorial serif (hero, headings, wordmark). Roman + Medium. */
@font-face {
  font-family: "Tobias";
  font-style: normal; font-weight: 400; font-display: swap;
  src: url("./Tobias-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Tobias";
  font-style: normal; font-weight: 500; font-display: swap;
  src: url("./Tobias-Medium.otf") format("opentype");
}
/* The portal has no italic Tobias file; browsers synthesize the italic for the
 * hero emphasis (`<em>`), which matches the live rendering. */

/* Founders Grotesk - display sans (buttons, chips, toggles, card headings, inputs). */
@font-face {
  font-family: "Founders Grotesk";
  font-style: normal; font-weight: 300; font-display: swap;
  src: url("./FoundersGrotesk-Light.otf") format("opentype");
}
@font-face {
  font-family: "Founders Grotesk";
  font-style: normal; font-weight: 400; font-display: swap;
  src: url("./FoundersGrotesk-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Founders Grotesk";
  font-style: normal; font-weight: 500; font-display: swap;
  src: url("./FoundersGrotesk-Medium.otf") format("opentype");
}