/* Global text color overrides for Dash app */

/* Prefer Bootstrap CSS variables when available */
:root {
  --bs-body-color: #000;
  --bs-heading-color: #000;
}

/* Default text color */
html, body { color: #000; }

/* Headings and common text elements */
h1, h2, h3, h4, h5, h6 { color: #000; }

p, li, span, label, .form-label, .card, .accordion, .nav, .tab-content { color: #000; }

/* Inputs/selects (text inside controls) */
input, select, textarea { color: #000; }

/* Plotly containers (if not inside iframe) */
.js-plotly-plot, .plotly, .gtitle, .xtitle, .ytitle, .legend { color: #000; }

/* Note: We intentionally avoid !important so Bootstrap utilities like .text-white continue to work */