/* ═══════════════════════════════════════════════════════════════════════
   tokens.css — systechub.com
   GENERADO POR 00-sistema/execution/construir_tokens.mjs — NO SE EDITA A MANO.
   La fuente es 60-marca/61-identidad-marca/claude-files/marca.tokens.json.
   Un cambio hecho aquí se pierde en la siguiente corrida. Para comprobar que el
   disco no se separó de la fuente: construir_tokens.mjs --verificar, que sale 1.
   Lo consume: la landing, web.css, portal.css y los instrumentos
   ═══════════════════════════════════════════════════════════════════════ */

:root {
  --violeta: #6B5FE8;
  --azul-medio: #5BA7DD;
  /* Dos cremas, y son distintos a propósito: --crema-fondo es el papel de la
     página, --crema es el crema de marca, que se usa como tinta sobre oscuro. */
  --crema-fondo: #fbf7f0;
  --crema: #F9F1E3;
  --crema-rgb: 249, 241, 227;
  --negro: #000000;
  --azul-claro: #B6D4FB;
  --azul-prof: #2C27B8;
  --azul-prof-hover: #24208F;
  --violeta-prof: #5849D2;
  --terracota: #C15F3C;          /* solo cifras display */
  --terracota-texto: #AD5232;    /* 4,62:1 — terracota para texto pequeño */
  --hairline: #ece4d4;
  --violeta-12: rgba(107,95,232,0.12);
  --azul-prof-07: rgba(44,39,184,0.07);
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --foco: 0 0 0 3px rgba(107,95,232,0.35);

  /* Texto secundario que pasa WCAG AA sobre cada campo. */
  --tinta-2-crema: #7a6e5c;   /* 4.67:1 sobre --crema-fondo */
  --tinta-2-azul:  #3c5370;   /* 4.9:1  sobre --azul-claro  */
  --tinta-2-negro: #8f8f8f;   /* 6.4:1  sobre --negro       */
  --violeta-texto: #6357E0;   /* 4.7:1  sobre --crema-fondo */

  /* Veredicto y tintas de estado. */
  --verde-ok: #2F7A46;
  --estado-ambar: #F5E3BD;
  --estado-verde: #CFE5CB;

  /* Énfasis sin itálica — 2026-09-12. */
  --enfasis-peso: 800;
  --enfasis-color: #AD5232;
  --enfasis-regla: #C15F3C;
  --enfasis-regla-grosor: 3px;
}