/* ---------------------------------------------------------------------------
   Readability layer — applied on top of Tailwind across the whole app.
   Larger base type, dark high-contrast dates/numbers, and firmer muted greys
   so key data (dates, day counts) leads instead of fading into light grey.

   Note: the Tailwind Play CDN injects its utilities at runtime, so to make
   sure these overrides win regardless of injection order we mark the size and
   colour tweaks !important.
   --------------------------------------------------------------------------- */

html { font-size: 17px; }

/* Bump the small utility sizes up ~1-2px. */
.text-xs   { font-size: 0.83rem !important; line-height: 1.15rem !important; }
.text-sm   { font-size: 0.95rem !important; line-height: 1.45rem !important; }
.text-base { font-size: 1.05rem !important; }

/* Dates and numbers: dark, high-contrast, tabular for clean alignment. */
.font-mono {
    font-variant-numeric: tabular-nums;
    color: #1b2230 !important;
    font-weight: 500;
}
/* Let explicit coloured states keep their colour. */
.font-mono.text-red-600,
.font-mono.text-red-500,
.font-mono.text-emerald-700,
.font-mono.text-accent { color: inherit !important; }

/* Darken the washed-out muted greys so they stay legible. */
.text-ink\/25 { color: #6b7480 !important; }
.text-ink\/30 { color: #667081 !important; }
.text-ink\/35 { color: #5c6675 !important; }
.text-ink\/40 { color: #55606f !important; }
.text-ink\/45 { color: #4e5968 !important; }
.text-ink\/50 { color: #47525f !important; }
.text-ink\/55 { color: #3f4a58 !important; }
.text-ink\/60 { color: #38424f !important; }
.text-ink\/70 { color: #2b3441 !important; }

/* Table header labels: clearer than before. */
thead .uppercase { font-size: 0.72rem !important; letter-spacing: 0.04em; }