/* ============================================================
   Lexend Deca — self-hosted variable font
   File: LexendDeca-Variable.woff2 (~70 KB)
   Covers weight axis wght 100–900 in a single file.
   ============================================================ */

/* Metric-matched fallback — Arial scaled to Lexend Deca metrics.
   Eliminates layout shift (FOUT) when the web font swaps in.
   No file is downloaded; only metrics are overridden. */
@font-face {
  font-family: 'Lexend Deca Fallback';
  src: local('Arial');
  size-adjust: 133.21%;
  ascent-override: 75.07%;
  descent-override: 18.77%;
  line-gap-override: 0%;
}

/* Primary @font-face — variable font, weight axis 100–900 */
@font-face {
  font-family: 'Lexend Deca';
  src: url('/fonts/LexendDeca-Variable.woff2') format('woff2-variations');
  font-weight: 100 900 !important;
  font-style: normal;
  font-display: swap;
}

/* Brand default font stack:
   1. Lexend Deca (web font — from local server)
   2. Lexend Deca Fallback (metric-matched Arial — zero download, prevents layout shift)
   3. system-ui / -apple-system (OS UI font — Roboto on ChromeOS, SF on iOS)
   4. sans-serif (last-resort generic) */
body,
p, h1, h2, h3, h4, h5, h6,
a, strong, em, b, small,
button, input, select, textarea, label, legend,
li, dt, dd, td, th, caption,
div, header, footer, nav, main, aside, section, article {
  font-family: 'Lexend Deca', 'Lexend Deca Fallback', system-ui, -apple-system, sans-serif;
  font-weight: 400;
}