/* =====================================================================================
   BASE — reset + the type layer, and nothing else.

   This is everything that survived the previous experiment. Deliberately empty of design
   decisions: no palette, no spacing scale, no components. Those belong to whatever the new
   direction turns out to be, and pre-writing them is how a fresh start quietly becomes the
   old one again.

   FONTS — three roles.
   · Display — Averia Serif Libre 300. Google Fonts <link> in the HTML. Built by averaging
     hand-drawn letterforms, so its outlines wobble very slightly.
   · Body — Inter 300/400. Loaded from rsms.me, NOT Google Fonts: the Google build omits the
     slashed-zero glyph, so font-feature-settings:"zero" silently no-ops there.
   · Label — Departure Mono. Not on any CDN. Self-hosted and base64-inlined in
     fonts/departure-mono.css, which must be linked BEFORE this file. Inlined rather than
     referenced by URL because Chrome treats a font fetched from a separate file over
     file:// as cross-origin and refuses it — a plain @font-face src would fall back to a
     system mono, silently and plausibly.
   ===================================================================================== */

:root {
    --font-display: "Averia Serif Libre", Georgia, "Times New Roman", serif;
    --font-body:    "Inter", system-ui, -apple-system, sans-serif;
    --font-label:   "Departure Mono", ui-monospace, SFMono-Regular, monospace;

    --weight-display: 300;   /* Averia Serif Libre Light */
    --weight-body:    300;   /* Inter Light */
    --weight-body-em: 400;
    --weight-label:   400;   /* Departure Mono ships one weight */
}

/* ---- Reset ---------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }

html { -webkit-text-size-adjust: 100%; }

img, svg { display: block; max-width: 100%; }
button { font: inherit; color: inherit; background: none; border: none; cursor: pointer; }
ul { list-style: none; }

/* Headings inherit. Every size comes from a class, never from the tag — that way the
   semantic level and the visual weight can be chosen independently. */
h1, h2, h3, h4, h5, h6 { font: inherit; }

body {
    font-family: var(--font-body);
    font-weight: var(--weight-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}