:root{
  --pal-purple-skies:#d9cae8;
  --pal-mauve-mist:#bf92ad;
  --pal-calming-peach:#f1d7cf;
  --pal-coral-glow:#e9959c;
  --pal-dreamy-plum:#d9adc4;
  --pal-orange-haze:#f2b18e;

  --c-lavanda:#efe7f6;
  --c-lavanda-mid:#d9cae8;
  --c-morado:#9b7bb5;
  --c-morado-deep:#7d5f9d;
  --c-morado-dark:#352541;
  --c-coral:#e9959c;
  --c-coral-light:#fff2f3;
  --c-coral-border:#f0c4ca;
  --c-mauve:#bf92ad;
  --c-verde:#4aa982;
  --c-verde-light:#e8f5ee;
  --c-rojo:#df604f;
  --c-durazno:#f2b18e;

  --bg:#fbf8fc;
  --bg-card:#ffffff;
  --bg-secondary:#f4eef8;
  --border:#e5dbea;
  --border-light:#efe9f3;
  --text-primary:#21152b;
  --text-secondary:#62516f;
  --text-tertiary:#a89cb3;

  --tone-cuentas-bg:#f3edf8;
  --tone-cuentas-border:#d9cae8;
  --tone-cuentas-accent:#9b7bb5;
  --tone-informes-bg:#fff1ea;
  --tone-informes-border:#f2b18e;
  --tone-informes-accent:#cf7f58;
  --tone-flujo-bg:#fff2f3;
  --tone-flujo-border:#e9959c;
  --tone-flujo-accent:#c96470;
  --tone-usuarios-bg:#f9eef4;
  --tone-usuarios-border:#d9adc4;
  --tone-usuarios-accent:#a96d92;
  --tone-revision-bg:#f7eef5;
  --tone-revision-border:#bf92ad;
  --tone-revision-accent:#965f83;
  --tone-dev-bg:#f8f2f0;
  --tone-dev-border:#f1d7cf;
  --tone-dev-accent:#bd806b;

  --gradient-wait:linear-gradient(90deg,var(--pal-purple-skies),var(--pal-coral-glow),var(--pal-orange-haze),#9fc5ee,var(--pal-dreamy-plum));
  --shadow-soft:0 10px 28px rgba(70,45,85,.08);
}

[data-theme="dark"]{
  --bg:#1b1a1f;
  --bg-card:#26242b;
  --bg-secondary:#211f26;
  --border:#3c3544;
  --border-light:#312c38;
  --text-primary:#f7f3f8;
  --text-secondary:#d4c8d8;
  --text-tertiary:#a093aa;
  --c-lavanda:#3b3148;
  --c-lavanda-mid:#d9cae8;
  --c-morado:#d9cae8;
  --c-morado-deep:#eadff3;
  --c-morado-dark:#f7f3f8;
  --c-coral:#f2a6ad;
  --c-coral-light:rgba(233,149,156,.14);
  --c-coral-border:rgba(233,149,156,.36);
  --c-mauve:#d9adc4;
  --c-verde:#8fd6b3;
  --c-verde-light:rgba(143,214,179,.14);
  --c-rojo:#f28b7d;
  --c-durazno:#f2b18e;

  --tone-cuentas-bg:rgba(217,202,232,.14);
  --tone-cuentas-border:#d9cae8;
  --tone-cuentas-accent:#d9cae8;
  --tone-informes-bg:rgba(242,177,142,.13);
  --tone-informes-border:#f2b18e;
  --tone-informes-accent:#f2b18e;
  --tone-flujo-bg:rgba(233,149,156,.13);
  --tone-flujo-border:#e9959c;
  --tone-flujo-accent:#e9959c;
  --tone-usuarios-bg:rgba(217,173,196,.14);
  --tone-usuarios-border:#d9adc4;
  --tone-usuarios-accent:#d9adc4;
  --tone-revision-bg:rgba(191,146,173,.15);
  --tone-revision-border:#bf92ad;
  --tone-revision-accent:#bf92ad;
  --tone-dev-bg:rgba(241,215,207,.12);
  --tone-dev-border:#f1d7cf;
  --tone-dev-accent:#f1d7cf;
}

body{
  background:
    radial-gradient(circle at 12% 0%,rgba(217,202,232,.24),transparent 32%),
    radial-gradient(circle at 92% 8%,rgba(242,177,142,.18),transparent 28%),
    var(--bg);
}

[data-theme="dark"] body{
  background:
    radial-gradient(circle at 12% 0%,rgba(217,202,232,.10),transparent 32%),
    radial-gradient(circle at 92% 8%,rgba(242,177,142,.08),transparent 28%),
    var(--bg);
}

.topbar{
  background:rgba(251,248,252,.86)!important;
  border-bottom-color:var(--border)!important;
}

[data-theme="dark"] .topbar{background:rgba(27,26,31,.86)!important}

.card,.card-sm,.q-card,.grabador,.audio-player,.inf-bloque,.graf-card,.note-box,.item,.usuario-card,.hist-item,.factor-profile-card,.mapa-perfil-card,.global-card{
  box-shadow:var(--shadow-soft);
}

.hero,.hero-lavanda,.inf-hero{
  background:linear-gradient(135deg,var(--tone-cuentas-bg),var(--tone-informes-bg))!important;
  border-color:var(--tone-cuentas-border)!important;
}

.btn-primary,.tab.on,.step-done{
  background:linear-gradient(135deg,var(--tone-cuentas-accent),var(--tone-revision-accent))!important;
  border-color:var(--tone-cuentas-accent)!important;
}

.btn-coral,.btn-rojo{
  background:linear-gradient(135deg,var(--tone-flujo-accent),var(--tone-informes-accent))!important;
}

.btn-verde{
  background:linear-gradient(135deg,#63b98f,#8fd6b3)!important;
}

.badge,.badge-interno,.pill-coral,.step-active,.tarea-card,.aviso-warn{
  background:var(--tone-flujo-bg)!important;
  border-color:var(--tone-flujo-border)!important;
  color:#7c4250!important;
}

[data-theme="dark"] .badge,
[data-theme="dark"] .badge-interno,
[data-theme="dark"] .pill-coral,
[data-theme="dark"] .step-active,
[data-theme="dark"] .tarea-card,
[data-theme="dark"] .aviso-warn{
  color:var(--tone-flujo-accent)!important;
}

.pill-morado,.pill-m,.q-tipo.ab,.q-tipo{
  background:var(--tone-cuentas-bg)!important;
  color:var(--tone-cuentas-accent)!important;
  border-color:var(--tone-cuentas-border)!important;
}

.pill-verde,.pill-v,.pill-ok,.ok,.ok-banner{
  background:var(--c-verde-light)!important;
  border-color:rgba(74,169,130,.35)!important;
}

.progress-fill,.fill,.resp-bar-fill,.mapa-mini-fill,.f-bar-fill{
  background:var(--gradient-wait)!important;
  background-size:200% 100%!important;
}

.spinner{
  border-color:var(--border)!important;
  border-top-color:var(--tone-cuentas-accent)!important;
  border-right-color:var(--tone-informes-accent)!important;
}

.progreso,.progreso-ia,.whisper-wrap,.loading-card{
  background:linear-gradient(135deg,var(--tone-cuentas-bg),var(--tone-informes-bg))!important;
  border-color:var(--tone-cuentas-border)!important;
}

.progreso .fill,.progreso-ia .progress-fill,.whisper-wrap .progress-fill{
  background:var(--gradient-wait)!important;
  background-size:220% 100%!important;
  animation:paletaCarga 2.4s ease-in-out infinite;
}

.inf-bloque:nth-of-type(6n+1),.bloque-ia.s0{border-left-color:var(--tone-cuentas-accent)!important}
.inf-bloque:nth-of-type(6n+2),.bloque-ia.s1{border-left-color:var(--tone-informes-accent)!important}
.inf-bloque:nth-of-type(6n+3),.bloque-ia.s2{border-left-color:var(--tone-flujo-accent)!important}
.inf-bloque:nth-of-type(6n+4),.bloque-ia.s3{border-left-color:var(--tone-usuarios-accent)!important}
.inf-bloque:nth-of-type(6n+5),.bloque-ia.s4{border-left-color:var(--tone-revision-accent)!important}
.inf-bloque:nth-of-type(6n+6),.bloque-ia.s5{border-left-color:var(--tone-dev-accent)!important}

.q-card:nth-child(6n+1){border-left:3px solid var(--tone-cuentas-accent)}
.q-card:nth-child(6n+2){border-left:3px solid var(--tone-informes-accent)}
.q-card:nth-child(6n+3){border-left:3px solid var(--tone-flujo-accent)}
.q-card:nth-child(6n+4){border-left:3px solid var(--tone-usuarios-accent)}
.q-card:nth-child(6n+5){border-left:3px solid var(--tone-revision-accent)}
.q-card:nth-child(6n+6){border-left:3px solid var(--tone-dev-accent)}

.opcion:hover,.usuario-opcion:hover,.item:hover,.usuario-card:hover{
  border-color:var(--tone-cuentas-accent)!important;
  background:var(--tone-cuentas-bg)!important;
}

.trans-box.corrigiendo,.loading-shimmer{
  background:linear-gradient(115deg,var(--tone-cuentas-bg),var(--tone-informes-bg),var(--tone-usuarios-bg),var(--tone-flujo-bg))!important;
  background-size:260% 260%!important;
  animation:paletaGlow 2.8s ease-in-out infinite!important;
}

@keyframes paletaCarga{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

@keyframes paletaGlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}