/* Pulso Survey v3 · tokens de diseño.
   Medidos de las capturas de referencia del usuario (PIL, 02-nov-2026):
   fondo lila de editor #EEEDFB · barra/acento violeta #5749DE · azul de acción #0070CF/#0069D8 · violeta de cifra #6E34D4/#6223E0 ·
   caja «insight» #D9E8FA con texto #0166BD · chip verde #DAFCE9 · chip lila #EBE8F8 · chip gris #F3F6F8 · enlace #3186F0 · tinta de títulos ≈ #141622 (aquí suavizada a azul marino).
   Los textos se ajustaron a ≥ 4,5:1 (el verde #1FA96F medido da 2,7:1, por eso el texto del chip usa #0B7A4A). */
:root{
  color-scheme:light;
  /* superficies */
  --papel:#EEEDFB; --papel2:#F7F6FE; --blanco:#FFFFFF; --sobre:#FFFFFF; --hundido:#F3F2FC;
  /* tinta (azul marino, nunca negro puro) */
  --tinta:#1E2850; --tinta2:#555E7A; --tinta3:#555E7A;
  --linea:#DAD8F0; --linea2:#E8E7F6; --control:#8C91AD;
  /* acentos */
  --azul:#0B66C3; --azul-h:#0A57A5; --acento:#0B66C3; --cian:#3186F0; --foco:#5749DE;
  --violeta:#5749DE; --violeta-h:#4A3DC4; --violeta-tx:#5749DE; --violeta-bg:#E6E3FA; --cifra:#6E34D4;
  /* barra superior y panel oscuro de resultados (navy) */
  --navy:#1E2A5A; --navy-texto:#F4F6FF; --navy-suave:#C3C9E6; --navy-linea:#3A4778; --top-bg:#FFFFFF;
  /* estados */
  --ok:#0B7A4A; --ok-bg:#DAFCE9; --ok-tx:#0B6B42; --warn:#8A5200; --warn-bg:#FFF1CC; --warn-tx:#6B4300; --warn-bd:#EBCB7A;
  --err:#B3261E; --err-bg:#FDE7E4; --err-tx:#8F1F19; --info-bg:#D9E8FA; --info-tx:#0166BD; --mute-bg:#F0F1F6;
  --lila-bg:#EBE8F8; --lila-tx:#6A2FD0; --gris-bg:#F3F6F8; --gris-tx:#555E7A;
  --onda:#B9BEDB; --sel-bg:#E6E3FA;
  /* forma */
  --r-card:16px; --r-input:12px; --r-pill:999px; --r-chip:999px; --r-peq:8px;
  --sombra1:0 1px 2px rgba(30,40,80,.06),0 2px 8px rgba(30,40,80,.05);
  --sombra2:0 2px 4px rgba(30,40,80,.06),0 10px 28px rgba(30,40,80,.12);
  --sombra-menu:0 8px 28px rgba(30,40,80,.18);
  /* tipografía */
  --f-t:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; --f-c:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; --f-m:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  /* movimiento */
  --t-rapido:150ms; --t-normal:220ms; --ease:cubic-bezier(.2,.7,.2,1);
}
/* Tema oscuro opcional: misma paleta, azul marino profundo (sin negro puro). */
:root[data-tema=oscuro]{
  color-scheme:dark;
  --papel:#14172E; --papel2:#191C38; --blanco:#1D2142; --sobre:#FFFFFF; --hundido:#181B36;
  --tinta:#E8EAFB; --tinta2:#A9AFD0; --tinta3:#A9AFD0; --linea:#31386A; --linea2:#2A3060; --control:#6B7299;
  --azul:#2F6FCC; --azul-h:#2A62B6; --acento:#8DB8FF; --cian:#6FA8FF; --foco:#B3A8FF;
  --violeta:#6B5CF0; --violeta-h:#5C4EE0; --violeta-tx:#B3A8FF; --violeta-bg:#2E2656; --cifra:#B79BFF;
  --navy:#101431; --navy-texto:#E8EAFB; --navy-suave:#A9AFD0; --navy-linea:#31386A; --top-bg:#191C38;
  --ok:#7FE0AE; --ok-bg:#173D2D; --ok-tx:#7FE0AE; --warn:#F2CF86; --warn-bg:#3B3115; --warn-tx:#F2CF86; --warn-bd:#6B5B2A;
  --err:#FFB4AB; --err-bg:#4A1F1B; --err-tx:#FFB4AB; --info-bg:#1B3354; --info-tx:#9CC8FF; --mute-bg:#262A4D;
  --lila-bg:#2E2656; --lila-tx:#C4B1FF; --gris-bg:#262A4D; --gris-tx:#A9AFD0; --onda:#4A5390; --sel-bg:#2E2656;
  --sombra1:0 1px 2px rgba(0,0,0,.25); --sombra2:0 10px 28px rgba(0,0,0,.35); --sombra-menu:0 8px 28px rgba(0,0,0,.45);
}