/* ============================================================================
   Steadycase Courtroom Practice — type layer
   Lilita One display · Karla body · Space Mono labels.

   NOTE — this product is a DELIBERATE EXCEPTION to the Steadycase universal
   type rule (Zilla Slab / Archivo / IBM Plex Mono). David approved its own
   brand kit on 2026-08-24: the game serves a different audience (all ages,
   law-curious, kids) than the trial notebooks, and shares only the mark.
   Do not "restore" the family typefaces here.

   Palette is not touched in this file; it lives in src/styles.css :root.
   Fonts are self-hosted under /fonts/ — the app is a PWA and must not depend
   on Google Fonts at runtime. All three families are OFL 1.1; the license
   text ships beside each family.
   ========================================================================= */

@font-face{font-family:'Lilita One';font-style:normal;font-weight:400;font-display:swap;
  src:url('/fonts/lilita-one/lilita-one-latin-400.woff2') format('woff2')}

/* Karla ships as one variable file covering 400–800. */
@font-face{font-family:'Karla';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('/fonts/karla/karla-latin-variable.woff2') format('woff2-variations'),
      url('/fonts/karla/karla-latin-variable.woff2') format('woff2')}

@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url('/fonts/space-mono/space-mono-latin-400.woff2') format('woff2')}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;font-display:swap;
  src:url('/fonts/space-mono/space-mono-latin-700.woff2') format('woff2')}

:root{
  /* Lilita One is a single-weight display face — never request a weight other
     than 400 from it, or the browser synthesizes a bold and the outlines fur. */
  --font-display:'Lilita One',Impact,'Haettenschweiler','Arial Narrow Bold',sans-serif;
  --font-body:'Karla',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-label:'Space Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}