/* ============================================================
   INNOVATE — base común de marca
   La usan www.innovate.cl (modo oscuro) y www.innovate.cl/cjg (modo claro).
   Se publica en /w26/innovate-marca.css y ambos sitios la enlazan desde ahí.

   Aquí solo van las decisiones de marca compartidas: color de acento,
   tipografías de texto y de código, y foco de teclado.
   Cada sitio conserva su propio diseño en su CSS (style.css / estilo.css).
   ============================================================ */

:root {
  /* Acento de marca */
  --marca-cian:         #00e5ff;  /* sobre fondos oscuros (contraste 13:1 en #060810) */
  --marca-cian-oscuro:  #006b7a;  /* sobre fondos claros: botones con texto blanco (6,2:1) */
  --marca-cian-tinta:   #005f6d;  /* enlaces y hover sobre fondos claros (6,6:1) */
  --marca-cian-suave:   #8cf3ff;  /* enlaces sobre fondos oscuros azulados */

  /* Neutros de marca */
  --marca-noche:        #060810;  /* fondo oscuro de INNOVATE */

  /* Tipografías (cargar DM Sans y JetBrains Mono desde Google Fonts en cada página) */
  --marca-sans: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --marca-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Foco de teclado */
  --marca-foco-ancho: 3px;
}

/* Firma de marca reutilizable en pies de página: <span class="marca-firma">Un proyecto de <a href="https://www.innovate.cl/">INNOVATE</a></span> */
.marca-firma a {
  font-family: var(--marca-mono);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-decoration: none;
}
.marca-firma a:hover { text-decoration: underline; text-underline-offset: 3px; }