/* ═══ TOKENS DE QEZI — el diseño de referencia (FC, 8-oct) ══════════════════════════════════════════════
   Nacen con el alta conversacional (charla.html, p-charla.css) y son los que el resto del panel adopta después.
   Un solo juego de propiedades con el prefijo --q-; nadie escribe un color, un tamaño o una curva suelta.

   COLOR    claro por defecto: fondo casi blanco, tinta verde-negra, el verde solo como acento (la acción que
            brilla, lo que está bien). Oscuro solo si se pide (data-theme="dark"); no sigue al sistema, a propósito:
            FC prefiere el claro de los prototipos v2/v3.
            --q-fondo --q-hoja (tarjeta) --q-hoja2/3 (campos, rellenos) --q-tinta --q-tinta2 --q-tenue (texto
            secundario, 5,5:1) --q-linea/2 · --q-verde (acento) --q-sobre-verde · --q-menta --q-bien (éxito) ·
            --q-ojo (atención) · --q-equipo (lo que hace una persona) · --q-wa-* (el WhatsApp de prueba).
   LETRA    Plus Jakarta Sans. Escala: --q-t-chica 13 · --q-t-nota 15 · --q-t-base 16 (nunca menos en un campo:
            iPhone hace zoom) · --q-t-campo 18 · --q-t-titulo 22 · --q-t-linea 23-30 · --q-t-heroe 36-62.
   FORMA    --q-r-chico 12 · --q-r 18 · --q-r-grande 26 · --q-r-pildora 999. Tocar: --q-toque 44 px como mínimo,
            --q-toque-grande 52 px para la acción principal.
   ESPACIO  --q-e-1 4 · -2 8 · -3 12 · -4 16 · -5 20 · -6 24 · -8 32.
   SOMBRA   --q-sombra (tarjeta) · --q-sombra-alta (lo que flota: hojas, el teléfono).
   MOVIMIENTO  Solo transform y opacidad. --q-d-toque 160 ms (presionar) · --q-d-ui 240 ms (feedback) ·
            --q-d-entra 420 ms (algo nuevo entra) · --q-d-heroe 700 ms (la marca, el nacimiento). Curvas:
            --q-salida (ease-out fuerte, entra o responde) · --q-mueve (in-out, viaja en pantalla) · --q-cajon (hojas);
            --q-resorte la pisa p-charla.js con un resorte de verdad servido como linear(). Con «reducir
            movimiento», nada viaja: aparece. */
:root{
  --q-fondo:#F6F7F4; --q-hoja:#FFFFFF; --q-hoja2:#EEF2EE; --q-hoja3:#E2E8E2;
  --q-tinta:#081F14; --q-tinta2:#2F4438; --q-tenue:#53675B; --q-linea:#D3DCD5; --q-linea2:#E6ECE7;
  --q-verde:#00E676; --q-sobre-verde:#081F14; --q-menta:#D9FCE7; --q-bien:#06703D; --q-bien-fondo:#DDF7E7;
  --q-ojo:#824600; --q-ojo-fondo:#FFEDCC; --q-ojo-linea:#E2A54C;
  --q-equipo:#1D5775; --q-equipo-fondo:#E1EEF5;
  --q-wa-fondo:#EFEAE2; --q-wa-mio:#D9FDD3; --q-wa-suyo:#FFFFFF; --q-wa-barra:#0B3B2A;
  --q-letra:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --q-t-chica:13px; --q-t-nota:15px; --q-t-base:16px; --q-t-campo:18px; --q-t-titulo:22px;
  --q-t-linea:clamp(23px,2.7vw,30px); --q-t-heroe:clamp(36px,6vw,62px);
  --q-r-chico:12px; --q-r:18px; --q-r-grande:26px; --q-r-pildora:999px;
  --q-toque:44px; --q-toque-grande:52px;
  --q-e-1:4px; --q-e-2:8px; --q-e-3:12px; --q-e-4:16px; --q-e-5:20px; --q-e-6:24px; --q-e-8:32px;
  --q-sombra:0 1px 2px #081F1412, 0 6px 20px #081F140d;
  --q-sombra-alta:0 2px 6px #081F1414, 0 28px 64px #081F1429;
  --q-d-toque:160ms; --q-d-ui:240ms; --q-d-entra:420ms; --q-d-heroe:700ms;
  --q-salida:cubic-bezier(.23,1,.32,1); --q-mueve:cubic-bezier(.77,0,.175,1); --q-cajon:cubic-bezier(.32,.72,0,1);
  --q-resorte:cubic-bezier(.23,1,.32,1);
  color-scheme:light;
}
:root[data-theme="dark"]{
  --q-fondo:#06140D; --q-hoja:#0D2017; --q-hoja2:#132C21; --q-hoja3:#1A382A;
  --q-tinta:#EAF3EE; --q-tinta2:#C3D4CA; --q-tenue:#98AFA2; --q-linea:#29463A; --q-linea2:#1B3328;
  --q-menta:#123D29; --q-bien:#5BEA9E; --q-bien-fondo:#12382A; --q-ojo:#F4B860; --q-ojo-fondo:#3A2A10; --q-ojo-linea:#8A6424;
  --q-equipo:#86C8EA; --q-equipo-fondo:#12293A; --q-wa-fondo:#0B1A13; --q-wa-mio:#144D37; --q-wa-suyo:#1A2E25; --q-wa-barra:#132C21;
  --q-sombra:0 0 0 1px #1F3A2E, 0 6px 20px #00000055; --q-sombra-alta:0 0 0 1px #2E4B3E, 0 28px 64px #00000088;
  color-scheme:dark;
}
@media (prefers-reduced-motion: reduce){ :root{ --q-d-toque:1ms; --q-d-ui:1ms; --q-d-entra:1ms; --q-d-heroe:1ms; } }