/* El Aleph · tokens v5
   Copiado de design-handoff/design_handoff_aleph_v5/tokens.css,
   importado PRIMERO en index.html, antes de base.css / layout.css. */
:root{
  /* Tinta y papel */
  --ink:#13202c;        /* riel, columna, cabeceras de móvil */
  --paper:#f7f7f5;      /* fondo del área de trabajo */
  --paper-2:#eef0f2;    /* cabecera de bloque, campo inerte, pista de barra */
  --white:#fff;         /* superficie de bloque */

  /* Texto */
  --text:#1b1f24;
  --muted:#5b6470;
  --hair:#e6e8ea;       /* separador de 1px */

  /* Familias semánticas: base / oscuro para texto sobre claro / tinte de fondo */
  --acc:#2f6fed;  --acc-d:#1b4fbd;  --acc-s:#e8effe;   /* azul   · Atención, acción primaria */
  --ok:#1a8f5a;   --ok-d:#116d43;   --ok-s:#e4f7ee;    /* verde  · Ejecutivas, completo */
  --warn:#b3720c; --warn-d:#7d4f06; --warn-s:#fbeed4;  /* ámbar  · Memoria, advertencia */
  --red:#c13c3c;  --red-d:#982e2e;  --red-s:#fbe6e6;   /* rojo   · destructivo */
  --vio:#7c5cd6;  --vio-d:#523a99;  --vio-s:#efe9fb;   /* violeta· Evaluación */
  --teal:#1f9aa3; --teal-d:#136064; --teal-s:#e6f6f7;  /* teal   · Arcade, Visuoespacial */

  /* Paleta ampliada para identificar proyectos. No modifica el código de
     color de los dominios cognitivos. */
  --project-plum:#9a568f;   --project-plum-d:#713d69;   --project-plum-s:#f5eaf3;
  --project-indigo:#5b67bd; --project-indigo-d:#414a8c; --project-indigo-s:#eaecfa;
  --project-coral:#bb684c;  --project-coral-d:#874934;  --project-coral-s:#f9ebe6;
  --project-pine:#397b68;   --project-pine-d:#285747;   --project-pine-s:#e7f2ee;

  /* Sobre tinta */
  --sky:#8fb4fb; --mint:#6ee7a8; --slate:#8497a9;

  /* Tipografía: una sola familia, sin fuente monoespaciada.
     Cifras y códigos usan la misma cara con variantes tabulares. */
  --s:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;

  /* Radios */
  --r-blk:16px;   /* bloque, puerta */
  --r-fld:10px;   /* campo, botón */
  --r-ico:11px;   /* cuadro de icono */
  --r-pill:999px;

  /* Sombra */
  --sh:0 16px 50px rgba(19,32,44,.22);

  /* Movimiento decorativo. Las tareas cognitivas quedan fuera de estas
     primitivas para no alterar tiempos ni señales del protocolo. */
  --motion-fast:160ms;
  --motion-base:280ms;
  --motion-slow:720ms;
  --motion-ease:cubic-bezier(.22,.72,.2,1);

  /* Medidas del armazón */
  --rail:74px;
  --spine:344px;

  /* Dominios cognitivos: único código de color de dominio, repetido en toda
     la interfaz (helpers/catalog.js#DOMINIOS tiene 5 dominios reales, no 4 —
     cognición social usa la única familia semántica libre, violeta). */
  --dom-atencion:var(--acc);
  --dom-ejecutivas:var(--ok);
  --dom-memoria:var(--warn);
  --dom-visuoespacial:var(--teal);
  --dom-cognicion-social:var(--vio);
}

/* Color de sección: se reasigna por pantalla en el contenedor raíz.
   Toda la interfaz lee var(--c) y no el color literal. */
:root        { --c:var(--acc);  --c-d:var(--acc-d);  --c-s:var(--acc-s);  --c-l:var(--sky); }
.sec-eval    { --c:var(--vio);  --c-d:var(--vio-d);  --c-s:var(--vio-s);  --c-l:#c3b0f2; }
.sec-arcade  { --c:var(--teal); --c-d:var(--teal-d); --c-s:var(--teal-s); --c-l:#7fd6dc; }
.sec-salas   { --c:var(--ok);   --c-d:var(--ok-d);   --c-s:var(--ok-s);   --c-l:var(--mint); }

/* Cifras: tabulares en toda la aplicación */
.fig{font-variant-numeric:tabular-nums lining-nums}
/* Códigos (aleph01, pa-014, scwt): misma familia, espaciada y en mayúscula */
.code{font-variant-numeric:tabular-nums;letter-spacing:.2em;text-transform:uppercase;font-weight:600}