/* ==========================================================================
   TEMA · Revisor de artes finales
   Aquí se define TODA la imagen de la herramienta (marca A3com: rojo #E30613,
   barra de cabecera oscura con filete rojo, Clash Display en títulos).
   · Logotipo: assets/logo-blanco.svg (o .png) para la cabecera oscura.
   · Tipografía: fonts/ClashDisplay-Variable.woff2 (ver fonts/LEEME.txt).
   Si falta alguno, la herramienta usa un texto "A3com" y la tipografía del sistema.
   ========================================================================== */
@font-face{font-family:'Clash Display';src:url('../fonts/ClashDisplay-Variable.woff2') format('woff2');font-weight:200 700;font-style:normal;font-display:swap}
:root{
  /* --- Marca A3com --- */
  --brand:#E30613; --brand-ink:#FFFFFF; --brand-soft:#FCE6E8;
  --bar:#141414; --bar-ink:#FFFFFF; --bar-muted:#B9B9B9; --bar-line:#3A3A3A;

  /* --- Tipografías: pila del sistema; si la web usa una propia, añadir @font-face y ponerla primero --- */
  --sans:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --disp:'Clash Display',var(--sans);
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,'Liberation Mono',monospace;

  /* --- Neutros (tema claro) --- */
  --bg:#F4F3F1; --panel:#FFFFFF; --panel2:#ECEAE6; --ink:#161616; --muted:#5F5F5F; --line:#DAD7D2;

  /* --- Semáforo y avisos: no cambiar de significado --- */
  --ok:#17794A; --ok-bg:#E0F3E8; --warn:#8F5200; --warn-bg:#FBEBCB; --err:#B3261E; --err-bg:#FADEDB; --info:#40566A; --info-bg:#E4EAF0;

  /* --- Colores de las marcas de la miniatura (sangrado, seguridad, wire-o) --- */
  --mag:#D6247F; --cy:#0092B8; --amber:#E0A100;

  /* alias que usa el código */
  --accent:var(--brand); --accent-ink:var(--brand-ink); --accent-soft:var(--brand-soft);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --brand:#FF4A55; --brand-ink:#1A0204; --brand-soft:#3A1418;
  --bg:#0F0F0F; --panel:#181818; --panel2:#232323; --ink:#ECECEC; --muted:#A3A3A3; --line:#333333;
  --ok:#55CC8A; --ok-bg:#12301F; --warn:#F2B04A; --warn-bg:#35280E; --err:#FF7B72; --err-bg:#3A1715; --info:#9DB6C9; --info-bg:#1B2B38;
  color-scheme:dark}}
:root[data-theme="dark"]{
  --brand:#FF4A55; --brand-ink:#1A0204; --brand-soft:#3A1418;
  --bg:#0F0F0F; --panel:#181818; --panel2:#232323; --ink:#ECECEC; --muted:#A3A3A3; --line:#333333;
  --ok:#55CC8A; --ok-bg:#12301F; --warn:#F2B04A; --warn-bg:#35280E; --err:#FF7B72; --err-bg:#3A1715; --info:#9DB6C9; --info-bg:#1B2B38;
  color-scheme:dark}