/* ============================================================================
   readability.css — global readability layer.

   WHY: the UI font (Geist) at weight 400 on the warm paper background renders
   thin and low-contrast — "broken pencil" strokes, especially on Windows.

   HOW: loaded AFTER pivot.css on every layout. Only touches weight and glyph
   rendering now — no layout/structure changes.

   The --ink/--ink-soft/--muted/--rule/--rule-str contrast fix that used to live
   here as an unconditional :root override was REMOVED (2026-09): it had no
   dark-mode guard, so it always won over pivot.css's dark-mode values too and
   locked body text near-black on a dark background — the actual cause of dark
   mode reading as illegible. Its values are now the canonical LIGHT tokens
   directly in resources/css/input.css's :root block; dark mode has its own
   correctly-contrasting values in :root.dark there, so nothing here can race
   either of them again. If a page still looks pale, adjust the tokens in
   input.css, not here.
   ============================================================================ */

/* Smoother, more even glyph edges (mainly helps WebKit/Blink + macOS). */
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Lift body / secondary copy off Geist's thinnest weight so strokes read solid.
   Headings, buttons and labels set their own weight class, so they're unaffected;
   this only catches text that inherits the body weight (paragraphs, list items,
   table cells, captions). */
body {
    font-weight: 500;
}