/* ── Diseño corporativo de ServIA · fuente de verdad ────────────────────────
 *
 * Los tokens salen de la portada (inicio.html), que es el diseño bueno y el
 * que se enseña a clientes. Esta hoja SOLO define variables: no maqueta nada,
 * así que cargarla en una página existente la viste sin tocar su estructura.
 *
 * Por qué existe (28-ago-2026): había TRES paletas conviviendo — la portada
 * (crema/tinta/cian), el panel (oscuro con ámbar propio) y la pantalla de
 * entrada, que usaba variables `--marca-*` que NADIE definía en esa página y
 * caía a sus fallbacks genéricos: azul marino y gris. Resultado: lo primero
 * que veía cualquiera al abrir la consola estaba fuera de marca.
 *
 * Se declaran LOS DOS VOCABULARIOS apuntando a los mismos valores:
 *   · el de la portada  (--ink-*, --paper, --primary…)
 *   · el de las marcas de cliente (--marca-primario, --fondo, --texto…)
 * Así una página escrita contra cualquiera de los dos queda bien con solo
 * enlazar esta hoja. Las marcas de CLIENTE (escuela-henares.css y demás)
 * siguen pudiendo pisar los `--marca-*` después: cargan detrás y ganan.
 */
:root{
  /* ── Vocabulario de la portada ── */
  --ink-0:#08090F;   /* tinta   */
  --ink-1:#0F1220;   /* noche   */
  --ink-2:#161A2C;
  --ink-3:#1C2135;
  --paper:#F6F1E2;   /* crema   */
  --paper-2:#EEE8D6;
  --bone:#C9C4B6;
  --mute:#9DA0B0;
  --lime:#67E8F9;    /* el primario es el cian de marca */
  --lime-2:#22D3EE;
  --violet:#5E5CE6;
  --violet-2:#4B49C8;
  --coral:#D9A441;
  --sky:#67E8F9;

  --bg-main:var(--ink-0); --bg-soft:var(--ink-1); --bg-card:var(--ink-2);
  --primary:var(--lime); --primary-soft:var(--lime-2); --cyan:var(--sky);
  --purple:var(--violet); --green:var(--lime-2); --warning:var(--coral);
  --text-main:var(--paper); --text-dim:var(--mute);
  --line:color-mix(in oklch, var(--paper) 14%, transparent);
  --line-strong:color-mix(in oklch, var(--paper) 28%, transparent);

  --display:'Instrument Serif', Georgia, serif;
  --body:'Geist','DM Sans',sans-serif;
  --mono:'Geist Mono','JetBrains Mono',monospace;
  --r-sm:8px; --r-md:14px; --r-lg:24px; --r-xl:36px;

  /* ── Mismo diseño, dicho en el vocabulario de las marcas de cliente ──
   * Una página escrita con `var(--marca-primario)` se viste sola al enlazar
   * esta hoja, sin reescribirla. */
  --marca-primario:var(--lime);
  --marca-primario-fuerte:var(--lime-2);
  --marca-primario-suave:rgba(103,232,249,.14);
  --marca-acento:var(--violet);
  --marca-acento-borde:var(--violet-2);
  --fondo:var(--ink-1);
  --fondo-suave:var(--ink-0);
  --fondo-tarjeta:var(--ink-2);
  --linea:var(--line);
  --linea-fuerte:var(--line-strong);
  --texto:var(--paper);
  --texto-suave:var(--mute);
  --texto-inverso:var(--ink-0);
  --verde:var(--lime-2);
  --ambar:var(--coral);
  --rojo:#FB7185;
  --rojo-suave:rgba(251,113,133,.14);
  --titulo:var(--display);
  --cuerpo:var(--body);

  /* ── Semáforo ──
   * Tonos CLAROS a propósito: sobre fondo oscuro, los oscuros de manual
   * (verde #1B7A4B, ámbar #B8860B) son ilegibles. Se descubrió en el panel
   * y vale para toda la casa, así que vive aquí y no allí. */
  --verde-vivo:#34D399;
  --ambar-vivo:#FBBF24;
  --rojo-vivo:#FB7185;
  --azul-vivo:#60A5FA;

  /* ── Mismo diseño, en el vocabulario castellano del panel ──
   * El panel los tenía copiados a mano con los mismos valores. Aquí se
   * declaran una vez: cambiar la marca deja de ser dos ediciones que se
   * desincronizan. */
  --tinta:var(--ink-0);
  --noche:var(--ink-1);
  --sup:var(--ink-2);
  --sup-2:var(--ink-3);
  --crema:var(--paper);
  --papel:var(--ink-2);
  --gris:var(--mute);
  --gris-claro:var(--bone);
  --cian:var(--sky);
  --cian-2:var(--lime-2);
  --violeta:var(--violet);
  --azul:var(--azul-vivo);
}

/* El robot de ServIA como logo (2-oct-2026). */
.logo-robot{width:38px;height:38px;object-fit:contain;vertical-align:middle;margin-right:6px;flex:none}