/*
 * a11y-contrast.css — WCAG AA contrast fixes for Tabler's stock grey scale, measured against
 * this console's actual white card/page background (#fff — ontech-design.css's --bg/--panel).
 *
 * Loaded last in <head> so it wins over Tabler. Scoped to .main-content (the console shell) and
 * .auth-card (the pre-login page, which has no sidebar to scope against) — the dark sidebar
 * itself (light text on #0f172a) is never touched, it was never in scope.
 *
 * Pattern ported from REA SMCMS's admin console (same problem: Tabler's default secondary
 * grey and border tokens both undershoot AA on a white card), re-measured for Studio's own
 * background rather than copied — Studio's is pure white same as REA's worst case, so the
 * same fix values clear the same bars here.
 */

/* Tabler's --tblr-secondary (#6c7a91) drives BOTH .text-secondary and .btn-outline-secondary's
   text/border — used 34x across this console (jobs.html, benchmark.html filter forms, every
   "back" link). #6c7a91 on white ≈ 4.35:1 — fails AA's 4.5:1 floor for normal-size text.
   #5b636d ≈ 6.09:1 on the same white, comfortably clears it. */
.main-content, .auth-card {
  --tblr-secondary: #5b636d;
  --tblr-secondary-rgb: 91, 99, 109;
}

/* Tabler's default form/table border (#dce1e7) ≈ 1.32:1 on white — well under the 3:1 floor
   WCAG 1.4.11 sets for UI-component boundaries, so a .form-control's edge is barely visible.
   #8c939b ≈ 3.11:1 clears it without reading as a heavy outline. */
.main-content, .auth-card {
  --tblr-border-color: #8c939b;
  --tblr-border-color-translucent: #8c939b;
}

/* Placeholder text is exempt from AA (it's not conveying required content), but Tabler's
   #8a97ab ≈ 2.96:1 reads as barely-there on this background — nudged down for legibility
   while staying visibly lighter than real input text. */
.main-content .form-control::placeholder,
.main-content textarea::placeholder,
.auth-card .form-control::placeholder {
  color: #6b7684 !important;
  opacity: 1;
}