/* Alula typography: Outfit UI preview requested by Yuna on 2026-09-18.
   Earlier pairings and retained font assets are recorded in DESIGN.md. */
@font-face {
  font-family: Outfit;
  src: url('/fonts/outfit-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif 4';
  src: url('/fonts/refinement-trial/source-serif-4-latin-variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif 4';
  src: url('/fonts/refinement-trial/source-serif-4-latin-italic-variable.woff2') format('woff2');
  font-style: italic;
  font-weight: 200 900;
  font-display: swap;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('/fonts/geist-mono-regular.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
}

:root {
  --fox-sans: Outfit, 'PingFang SC', 'Noto Sans CJK SC', 'Noto Sans SC', system-ui, sans-serif;
  --fox-serif: 'Source Serif 4', Georgia, 'PingFang SC', 'Noto Sans CJK SC', 'Noto Sans SC', serif;
  --fox-mono: 'Geist Mono', 'PingFang SC', 'Noto Sans CJK SC', 'Noto Sans SC', ui-monospace, monospace;
  font-family: var(--fox-sans);
  font-optical-sizing: auto;
}

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

/* UI dates share the bundled numeric face; authored prose keeps its own font. */
time,
:root input:is([type="date"], [type="datetime-local"], [type="time"], [type="month"], [type="week"]) {
  font-family: var(--fox-mono);
  font-variant-numeric: tabular-nums;
}