/* ─── AURORA — tema con pink prominente en accents/glow ───────────────────
   Cambia: accent secundario → pink. Glows tinted pink en hover/focus.
   Mantiene: primary indigo+violet, header gradient, layout. ────────── */
html[data-abk-variant="aurora"] {
  --abk-accent:            #ec4899;             /* pink-500 */
  --abk-accent-2:          #db2777;             /* pink-600 */
  --abk-accent-soft:       #f9a8d4;             /* pink-300 */
  --abk-accent-glow:       rgba(236,72,153,.30);

  --abk-pink:              #ec4899;
  --abk-pink-soft:         #fbcfe8;
  --abk-pink-glow:         rgba(236,72,153,.35);

  /* Sombras tinted pink en lugar de violet puro */
  --abk-shadow-1:          0 1px 2px rgba(0,0,0,.04), 0 4px 12px rgba(236,72,153,.08);
  --abk-shadow-2:          0 4px 16px rgba(236,72,153,.10), 0 1px 3px rgba(0,0,0,.05);
  --abk-shadow-3:          0 8px 24px rgba(236,72,153,.14), 0 2px 6px rgba(0,0,0,.06);
}
/* LIGHT — módulos con lavado rosa sutil (identidad Aurora, legible) */
html[data-abk-variant="aurora"]:not([data-theme="dark"]) {
  --abk-surface:           #fdeaf2;
  --abk-surface-2:         #fbd9e8;
  --abk-border-section:    rgba(236,72,153,.22);
  --abk-border-soft:       rgba(236,72,153,.12);
  --abk-text-heading:      #a3164e;   /* títulos rosa-profundo (h1/h2) */
  --abk-text-heading-soft: #be185d;
}
html[data-theme="dark"][data-abk-variant="aurora"] {
  --abk-accent:            #f9a8d4;
  --abk-accent-2:          #ec4899;
  --abk-accent-soft:       #fbcfe8;
  --abk-accent-glow:       rgba(249,168,212,.45);
  --abk-pink-glow:         rgba(249,168,212,.45);
  /* ── CANDELA Aurora (dark): módulos en rosa-plum SATURADO que destacan del
     lienzo casi-negro. Borde rosa vivo + halo magenta. ── */
  --abk-surface:           #3a1c30;
  --abk-surface-2:         #4d2641;
  --abk-bg-2:              #3a1c30;
  --abk-border-section:    rgba(244,114,182,.50);
  --abk-border-soft:       rgba(244,114,182,.24);
  --abk-border-strong:     rgba(249,168,212,.70);
  --abk-shadow-1:          0 2px 10px rgba(0,0,0,.40), 0 0 0 1px rgba(244,114,182,.14), 0 10px 30px rgba(190,24,93,.32);
  --abk-text-heading:      #f9a8d4;   /* títulos rosa-claro en dark (h1/h2) */
  --abk-text-heading-soft: #fbcfe8;
}
/* AURORA — pink dominante en h1 + HEADER con tinte pink + cards border pink */
html[data-abk-variant="aurora"] .abk-h1::after {
  background: linear-gradient(90deg, #ec4899 0%, #f472b6 50%, #fbbf24 100%);
}
html[data-abk-variant="aurora"] .abk-card:hover {
  border-color: var(--abk-primary);
  box-shadow: var(--abk-shadow-3), 0 0 24px rgba(236,72,153,.25);
}
html[data-abk-variant="aurora"] .abk-input:focus,
html[data-abk-variant="aurora"] .abk-textarea:focus,
html[data-abk-variant="aurora"] .abk-select:focus {
  box-shadow: 0 0 0 3px rgba(236,72,153,.30), 0 0 16px rgba(236,72,153,.30);
}
/* Aurora HEADER: gradient con pink en el final */
html[data-abk-variant="aurora"] {
  --header-bg:        linear-gradient(110deg, #1e1b4b 0%, #312e81 30%, #6d28d9 60%, #be185d 100%) !important;
  --header-border:    rgba(244, 114, 182, .40) !important;
  --header-shadow:    rgba(190, 24, 93, .25) !important;
}
/* Aurora status-strip matching */
html[data-abk-variant="aurora"] .status-strip {
  background: linear-gradient(110deg, rgba(30,27,75,.90) 0%, rgba(76,29,149,.88) 50%, rgba(190,24,93,.85) 100%);
  border-bottom: 1px solid rgba(244,114,182,.30);
}


/* ===== IDENTIDAD: color de ACCIÓN (primary ramp) por tema — light + dark.
   Cascada a botones, links, focus, tabs activos, contorno del h1, badges. ===== */
html[data-abk-variant="aurora"]:not([data-theme="dark"]) {
  --abk-primary:           #ec4899;
  --abk-primary-2:         #db2777;
  --abk-primary-3:         #f472b6;
  --abk-primary-deep:      #9d174d;
  --abk-primary-soft:      #f9a8d4;
  --abk-primary-ink:       #ffffff;
  --abk-primary-glow:      rgba(236,72,153,.35);
  --abk-text-on-primary:   #ffffff;
  --abk-text-link:         #be185d;
}
html[data-theme="dark"][data-abk-variant="aurora"] {
  --abk-primary:           #f472b6;
  --abk-primary-2:         #ec4899;
  --abk-primary-3:         #f9a8d4;
  --abk-primary-deep:      #be185d;
  --abk-primary-soft:      #f9a8d4;
  --abk-primary-ink:       #3a0a1f;
  --abk-primary-glow:      rgba(244,114,182,.45);
  --abk-text-on-primary:   #3a0a1f;
  --abk-text-link:         #f9a8d4;
}

/* IDENTIDAD: focus de inputs/controles por tema */
html[data-abk-variant="aurora"]:not([data-theme="dark"]) { --abk-input-border-focus: #ec4899; --abk-input-ring: rgba(236,72,153,.30); }
html[data-theme="dark"][data-abk-variant="aurora"] { --abk-input-border-focus: #f472b6; --abk-input-ring: rgba(244,114,182,.35); }
