/* ============================================================
   Yoctovision — Tema: Rojo Señal claro
   Variante clara de Rojo Señal: fondo blanco, texto negro y
   acentos rojos; el pie se mantiene en negro como contrapunto.
   Hereda la estructura (esquinas rectas, filetes, barras) de
   theme-signal.css y solo reescribe colores.
   Se carga después de css/styles.css y css/theme-signal.css (tema fijo de la web).
   ============================================================ */

:root {
  --bg: #ffffff;
  --bg-alt: #f5f5f5;
  --panel: #ffffff;
  --border: #d2d2d2;
  --border-soft: #e5e5e5;
  --text: #111111;
  --text-muted: #474747;
  --text-faint: #6b6b6b;
  --accent: #d7141c;
  --accent-strong: #b00f16;
  --accent-ink: #ffffff;
  --green: #111111;
  --panel-hover: #fafafa;
  --bg-footer: #0a0a0a;
  --accent-soft: rgba(215, 20, 28, 0.06);
  --accent-line: rgba(215, 20, 28, 0.3);
  --vp-accent: #e3141c;
  --vp-ink: #ffffff;
}

/* Cabecera en franja negra con logo y menú en blanco: como en el pie,
   se redefinen los colores solo dentro de la cabecera */
.site-header {
  --text: #ffffff;
  --text-muted: #c4c4c4;
  --text-faint: #8a8a8a;
  --border: #3a3a3a;
  --border-soft: #262626;
  background: #0a0a0a;
}
.site-header.scrolled { background: #0a0a0a; border-bottom-color: #262626; }
@media (max-width: 820px) {
  .site-nav { background: #0a0a0a; }
}
/* El logo de Odyssey del cuerpo, sobre fondo claro, conserva su negro original */
.odyssey-logo { filter: none; }

/* Superficies pensadas para fondo oscuro en styles.css */
.btn-ghost:hover { border-color: #111111; }
.chip-cloud li { background: #ffffff; }
.app-tags li { background: rgba(0, 0, 0, 0.05); }
.field input,
.field textarea { background: #fafafa; }
.card,
.info-panel,
.contact-form { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); }
.hero-photo { box-shadow: 0 24px 60px rgba(0, 0, 0, 0.16); }

/* Pie y franjas negras: se redefinen los colores solo dentro de ellos */
.site-footer,
.section-dark {
  --text: #ffffff;
  --text-muted: #b4b4b4;
  --text-faint: #8a8a8a;
  --border-soft: #262626;
  --accent: #ff3b3b;
  color: var(--text);
}
/* Paneles y etiquetas dentro de las franjas negras */
.section-dark {
  --panel: #121212;
  --border: #333333;
}
.section-dark .chip-cloud li { background: transparent; }