/* =====================================================================================
   CEN-925 · Multiverso de apariencia: capa de tema única, se carga AL FINAL (después de styles.css).
   Regla #51: todo fondo aqua / menta / cian / teal claro lleva texto oscuro #061522, en ambos temas.
   Esta hoja SOLO pinta (color, background, border-color). Nunca tamaños ni layout.
   ===================================================================================== */
:root,html[data-theme="dark"],html[data-theme="light"]{
  --on-accent:#061522;       /* texto sobre aqua/menta/cian (oscuro) y mostaza (claro) */
  --on-accent-muted:#163040; /* texto secundario sobre acento */
  --on-aqua:#061522;
}

/* 1 · Componentes con fondo de acento que pintaban (o podían pintar) texto blanco */
html .primary,
html .c386-chip.active,
html .c544-tabs button.active,
html .c18-modo button.on,
html .mp-search button.on,
html .dimension-toggle button.active,
html .access-intent button.active,
html #cenAviso button,
html #cenLd .c612-act,
html .c60 input[type=file]::file-selector-button,
html .c744-nav button.on,
html .c749 i,html .c749m i,html .c752b i,
html .cd-foot button,
html .c699-info:hover,
html .c739 .t2 th.n,html .c739 .tg,
html .mark{color:var(--on-accent)!important}
html .primary *,html .c386-chip.active *,html .c544-tabs button.active *,html .c18-modo button.on *,html .c744-nav button.on *{color:inherit!important}

/* 2 · Estilos en línea generados por JS (style="background:…" aqua/menta/cian) */
html [style*="background:var(--aqua"],html [style*="background: var(--aqua"],
html [style*="background:var(--accent)"],html [style*="background: var(--accent)"],
html [style*="background:var(--accent,"],html [style*="background: var(--accent,"],
html [style*="background:var(--c22-cyan"],
html [style*="background:#20d9ca" i],html [style*="background: #20d9ca" i],
html [style*="background:#5eeadd" i],html [style*="background: #5eeadd" i],
html [style*="background:#22d3c5" i],html [style*="background: #22d3c5" i],
html [style*="background:#2dd4bf" i],html [style*="background: #2dd4bf" i],
html [style*="background:#14b8a6" i],html [style*="background: #14b8a6" i],
html [style*="background:#35d6c4" i],html [style*="background:#3ee0d2" i],html [style*="background:#4be3d6" i],
html [style*="background:#5eead4" i],html [style*="background:#99f6e4" i],
html [style*="background-color:#20d9ca" i],html [style*="background-color:#5eeadd" i],
html [style*="background-color:#2dd4bf" i],html [style*="background-color:#14b8a6" i],
html [style*="background:linear-gradient"][style*="#20d9ca" i],html [style*="background:linear-gradient"][style*="#2dd4bf" i],
html [style*="background:linear-gradient"][style*="#14b8a6" i],html [style*="background:linear-gradient"][style*="var(--aqua"]{color:var(--on-accent)!important}
html [style*="background:var(--accent"] b,html [style*="background:#20d9ca" i] b,html [style*="background:#5eeadd" i] b{color:inherit!important}

/* 3 · Selección de texto */
::selection{background:var(--accent);color:var(--on-accent)}