/* La Feria de los Moles: amarillo #FEEC23 (Mole App) con tinta #0B0A08 encima (17:1); sobre claro, amarillo oscuro
   #7A6200 como texto (5.9:1) y #A38600 en gráficas (3.3:1). Oscuro = café de la app. */
:root {
  --oro: #feec23;
  --oro-hover: #f2dc00;
  --sobre-oro: #0b0a08;
  --oro-texto: #7a6200;
  --oro-borde: #f3e58a;
  --dato: #a38600;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --fondo: #0b0a08; --panel: #171512; --panel-2: #22201b; --panel-hover: #2a2721; --linea: #2e2b24; --linea-fuerte: #3d3a31;
    --oro-texto: #feec23; --oro-borde: #4d4710; --oro-hover: #fff27a; --dato: #feec23;
  }
}
:root[data-theme='dark'],
.siempre-oscuro {
  --fondo: #0b0a08; --panel: #171512; --panel-2: #22201b; --panel-hover: #2a2721; --linea: #2e2b24; --linea-fuerte: #3d3a31;
  --oro-texto: #feec23; --oro-borde: #4d4710; --oro-hover: #fff27a; --dato: #feec23;
}

/* Nombre en dos renglones en el encabezado («Feria de los / Moles») */
.marca b { font-size: 16px; line-height: 1.05; }
.marca b span { display: block; color: var(--oro-texto); } /* legible también en claro */
.marca small { margin-top: 3px; }