/* ============================================================================
   TOKENS — innovaycree.com · FUENTE ÚNICA DE VERDAD
   Creado el 2 sep 2026. Antes de este archivo, la portada y el resto del sitio
   declaraban los mismos valores por separado y ya habían derivado:

     · La portada usaba CINCO ámbares (#E8A820 ×43, #F5C842 ×19, y además
       #f59e0b, #d4941c y #fbbf24, que el sistema no declara en ningún lado).
     · `--ic-cyan` valía #E8A820: un token llamado «cian» que contenía ámbar,
       consumido en 13 sitios — la cicatriz de «dos tokens colapsan en uno».
     · `--ic-violet: #7c5cfc` seguía vivo y la barra de progreso de lectura
       calculaba `linear-gradient(90deg, ámbar, ámbar, rgb(124,92,252))`:
       violeta a la vista en una marca que declara UN acento.

   ⛔ REGLAS DE ESTE ARCHIVO
   1. Un color, una tipografía o una curva de movimiento se declara AQUÍ y en
      ningún otro sitio. En las hojas y en el HTML se usa `var(--e-*)`.
   2. ⛔ NO se edita a mano el bloque de tokens de `css/enterprise.css`. Ese
      archivo lo cargan 42 páginas y el sitio no lleva build, así que lleva una
      copia — pero la ESCRIBE `scripts/aplicar-tokens.py` desde aquí, igual que
      la barra se propaga desde `partials/nav.html` (regla R13 del GOBIERNO).
      El smoke compara los dos y falla si alguien los separa.
   3. La portada NO carga `enterprise.css`: no usa ni una de sus clases `.e-*`
      (medido: 0 usos), así que serían 21 KB inertes en la ruta crítica de la
      página por donde entran los leads. Comparte el SISTEMA por tokens, que es
      lo que de verdad tiene que ser común, y conserva su propio vocabulario.
   ============================================================================ */

:root {
  /* ==========================================================================
     LA PIZARRA (2 oct 2026, elegida por David entre 3 direcciones)
     Idea rectora: «Te lo explicamos dibujando, hasta que lo entiendas».
     Fondo de pizarra, texto de tiza, UN acento: el marcador ámbar, que subraya,
     encierra y anota lo que importa. El trazo a mano es el gesto propio.
     Los nombres de token se conservan (--e-*) para que las 117 páginas que ya
     los consumen cambien de piel sin editarlas una por una.
     ========================================================================== */

  /* ---------- Fondo y superficies: pizarra ---------- */
  --e-bg: #121417;
  --e-bg-raise: #16191D;
  --e-panel: #1A1D22;
  --e-panel-2: #20242A;
  --e-line: rgba(233,234,238,0.10);
  --e-line-soft: rgba(233,234,238,0.06);
  --e-linea-tiza: rgba(233,234,238,0.22);   /* líneas punteadas, como borrador de tiza */

  /* ---------- Texto: tiza ---------- */
  --e-text: #E9EAEE;     /* 14,6:1 sobre la pizarra */
  --e-text-2: #C6C8D0;   /* 10,8:1 */
  --e-muted: #9498A3;    /* 6,1:1 — el mínimo que se admite */

  /* ---------- El acento. UNO: el marcador ---------- */
  --e-amber: #F5B649;
  --e-amber-hi: #FFD27A;
  --e-amber-deep: #E09A2A;          /* solo estados hover */
  --e-amber-rgb: 245,182,73;
  --e-on-amber: #121417;            /* tinta sobre marcador: 10,4:1 */

  /* ---------- Semánticos (no son acentos: son estado) ---------- */
  --e-green: #8FD6A6;
  --e-yellow: #E5C04B;
  --e-red: #FF7A66;

  /* ---------- Tipografía ----------
     Display con carácter (Schibsted Grotesk, de redacción periodística),
     lectura cómoda (Source Sans 3), la mano que anota (Kalam) y datos (Geist Mono).
     `--e-serif` se conserva como ALIAS del display: las páginas viejas que lo usan
     para titulares pasan a la letra nueva sin tocarlas. */
  --e-display: 'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --e-serif: 'Schibsted Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --e-sans: 'Source Sans 3', -apple-system, system-ui, 'Segoe UI', sans-serif;
  --e-mano: 'Kalam', 'Segoe Print', 'Comic Sans MS', cursive;
  --e-mono: 'Geist Mono', ui-monospace, Menlo, monospace;

  /* ==========================================================================
     MOVIMIENTO — «el trazo» (2 oct 2026). Hereda las curvas medidas del 2 sep
     y agrega el tiempo de un trazo de marcador: lo que se dibuja, se dibuja a
     velocidad de mano, no de interfaz.
     ========================================================================== */
  --e-ease-salida: cubic-bezier(0.23, 1, 0.32, 1);
  --e-ease-firme:  cubic-bezier(0.77, 0, 0.175, 1);
  --e-ease-trazo:  cubic-bezier(0.65, 0, 0.35, 1);   /* acelera y frena como una mano */

  --e-dur-micro:   140ms;
  --e-dur-ui:      220ms;
  --e-dur-seccion: 260ms;
  --e-dur-salida:  180ms;
  --e-dur-trazo:   900ms;   /* un subrayado o un círculo de marcador */

  --e-paso:        60ms;
  --e-paso-cadena: 220ms;

  /* ---------- Forma ---------- */
  --e-radio: 10px;          /* tarjetas: esquina de pizarra, no píldora */
  --e-radio-boton: 999px;   /* botones: la punta redonda del marcador */
}


/* ⚠️ Aquí NO va un bloque `@media (prefers-reduced-motion)`.
   Este archivo no lo carga ninguna página: es la FUENTE, y scripts/aplicar-tokens.py
   solo propaga su `:root`. Un @media escrito aquí no se aplicaría nunca —se probó el
   2 sep 2026 y, en efecto, no hacía nada—, así que sería una falsa red de seguridad.

   Quien pide menos movimiento se atiende donde sí manda, en css/shared.css: se le
   quitan los DESPLAZAMIENTOS y el escalonado, que es lo que de verdad molesta a
   quien es sensible, y se le conserva el fundido de opacidad, que informa de que
   algo entró en pantalla en vez de decorar. Apagarlo todo no es accesibilidad:
   es dejar a esa persona sin la señal que reciben las demás. */