/* ============================================================================
   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 / theme.css on every layout, so it wins. It only
   touches contrast, weight and glyph rendering — no layout/structure changes.
   The palette tweaks work by overriding the CSS variables that pivot.css's
   Tailwind utilities and theme.css both read at runtime (so no Tailwind rebuild
   is needed). Dial any of this back freely — it's purely cosmetic.
   ============================================================================ */

:root {
    --ink:      #0B0F14;                 /* primary text — near-black */
    --ink-soft: #20272F;                 /* body copy — was #2A323D, darker */
    --muted:    #2D3742;                 /* captions/labels — was #3D4754 */
    --rule:     rgba(15, 42, 71, 0.26);  /* was 0.20 — borders read a touch stronger */
    --rule-str: rgba(15, 42, 71, 0.40);  /* was 0.30 */
}

/* 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;
}