/* === Contrast Fix Patch ===
   Ensures headings/body text use high-contrast colors in both themes, and cards/tables
   correctly switch to dark backgrounds in dark mode. */

/* Typography: always use var(--text) for common elements */
h1,h2,h3,h4,h5,h6,
p,li,td,th,label,span {
  color: var(--text) !important;
}

/* Dark mode: force cards/tables to dark surface with light text */
html[data-theme="dark"] .card,
html[data-theme="dark"] .table th,
html[data-theme="dark"] .table td {
  background: var(--card) !important;
  color: var(--text) !important;
  border-color: var(--card-border) !important;
}

/* Light mode: ensure text is full black-ish on white surfaces */
html:not([data-theme="dark"]) body,
html:not([data-theme="dark"]) .card,
html:not([data-theme="dark"]) .table th,
html:not([data-theme="dark"]) .table td {
  color: #111827 !important; /* High-contrast on white */
}

/* Inputs match theme surfaces */
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
  background: var(--input) !important;
  color: var(--text) !important;
  border-color: var(--input-border) !important;
}

/* Chips and flash messages inherit readable text */
.flash, .chip { color: var(--text) !important; }

/* Ensure header user chip remains high contrast on nav background */
.site-header .user-chip,
.user-label .user-chip {
  color: #e5e7eb !important;
}