/* ─── NEBULA — cyan más vivo + glow neón en focus/active ──────────────── */
html[data-abk-variant="nebula"] {
  --abk-accent:            #06b6d4;             /* cyan-500 más saturado */
  --abk-accent-2:          #0891b2;
  --abk-accent-soft:       #22d3ee;             /* cyan-400 brillante */
  --abk-accent-glow:       rgba(6,182,212,.45);

  --abk-input-border-focus:#06b6d4;
  --abk-input-ring:        rgba(6,182,212,.35);

  /* Sombras con halo cyan extra */
  --abk-shadow-1:          0 1px 2px rgba(0,0,0,.04), 0 4px 12px rgba(6,182,212,.10);
  --abk-shadow-2:          0 4px 16px rgba(67,56,202,.10), 0 0 18px rgba(6,182,212,.10);
  --abk-shadow-3:          0 8px 24px rgba(67,56,202,.14), 0 0 24px rgba(6,182,212,.14);
  --abk-shadow-modal:      0 20px 60px rgba(67,56,202,.20), 0 0 80px rgba(6,182,212,.18);
}
/* LIGHT — módulos con lavado cian sutil (identidad Nebula, legible) */
html[data-abk-variant="nebula"]:not([data-theme="dark"]) {
  --abk-surface:           #e7faff;
  --abk-surface-2:         #d3f3fb;
  --abk-border-section:    rgba(6,182,212,.22);
  --abk-border-soft:       rgba(6,182,212,.12);
  --abk-text-heading:      #0e7490;   /* títulos teal-profundo (h1/h2) */
  --abk-text-heading-soft: #0891b2;
}
html[data-theme="dark"][data-abk-variant="nebula"] {
  --abk-accent:            #22d3ee;
  --abk-accent-2:          #67e8f9;
  --abk-accent-soft:       #a5f3fc;
  --abk-accent-glow:       rgba(34,211,238,.55);

  --abk-shadow-2:          0 4px 24px rgba(0,0,0,.40), 0 0 32px rgba(34,211,238,.18);
  --abk-shadow-3:          0 8px 30px rgba(0,0,0,.50), 0 0 36px rgba(34,211,238,.22);
  --abk-shadow-modal:      0 20px 60px rgba(0,0,0,.65), 0 0 90px rgba(34,211,238,.25);
  /* ── CANDELA Nebula (dark): módulos en cian-teal SATURADO que destacan del
     lienzo casi-negro. Borde cian vivo + halo cyan. ── */
  --abk-surface:           #103a48;
  --abk-surface-2:         #17505f;
  --abk-bg-2:              #103a48;
  --abk-border-section:    rgba(34,211,238,.50);
  --abk-border-soft:       rgba(34,211,238,.24);
  --abk-border-strong:     rgba(103,232,249,.70);
  --abk-shadow-1:          0 2px 10px rgba(0,0,0,.40), 0 0 0 1px rgba(34,211,238,.14), 0 10px 30px rgba(6,182,212,.32);
  --abk-text-heading:      #67e8f9;   /* títulos cian-claro en dark (h1/h2) */
  --abk-text-heading-soft: #a5f3fc;
}
/* NEBULA — cyan brillante en h1 + HEADER con cyan glow + cards border cyan */
html[data-abk-variant="nebula"] .abk-h1::after {
  background: linear-gradient(90deg, #06b6d4 0%, #22d3ee 50%, #67e8f9 100%);
  box-shadow: 0 0 12px rgba(6,182,212,.50);
}
html[data-abk-variant="nebula"] .abk-input:focus,
html[data-abk-variant="nebula"] .abk-textarea:focus,
html[data-abk-variant="nebula"] .abk-select:focus,
html[data-abk-variant="nebula"] .abk-btn:focus-visible {
  box-shadow:
    0 0 0 3px rgba(6,182,212,.35),
    0 0 24px rgba(6,182,212,.40),
    0 0 48px rgba(6,182,212,.20);
}
html[data-abk-variant="nebula"] .abk-card:hover {
  border-color: #22d3ee;
  box-shadow: var(--abk-shadow-3), 0 0 24px rgba(6,182,212,.25);
}
/* Nebula HEADER: gradient con cyan dominante + glow cyan */
html[data-abk-variant="nebula"] {
  --header-bg:        linear-gradient(110deg, #0c1f3a 0%, #1e3a8a 35%, #0e7490 70%, #06b6d4 100%) !important;
  --header-border:    rgba(34, 211, 238, .50) !important;
  --header-shadow:    rgba(6, 182, 212, .35) !important;
}
html[data-abk-variant="nebula"] .status-strip {
  background: linear-gradient(110deg, rgba(12,31,58,.92) 0%, rgba(30,58,138,.88) 50%, rgba(14,116,144,.85) 100%);
  border-bottom: 1px solid rgba(34,211,238,.45);
  box-shadow: 0 2px 14px rgba(34,211,238,.20);
}


/* ===== 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="nebula"]:not([data-theme="dark"]) {
  --abk-primary:           #0891b2;
  --abk-primary-2:         #0e7490;
  --abk-primary-3:         #06b6d4;
  --abk-primary-deep:      #155e75;
  --abk-primary-soft:      #a5f3fc;
  --abk-primary-ink:       #ffffff;
  --abk-primary-glow:      rgba(8,145,178,.35);
  --abk-text-on-primary:   #ffffff;
  --abk-text-link:         #0e7490;
}
html[data-theme="dark"][data-abk-variant="nebula"] {
  --abk-primary:           #22d3ee;
  --abk-primary-2:         #06b6d4;
  --abk-primary-3:         #67e8f9;
  --abk-primary-deep:      #0e7490;
  --abk-primary-soft:      #a5f3fc;
  --abk-primary-ink:       #042c33;
  --abk-primary-glow:      rgba(34,211,238,.45);
  --abk-text-on-primary:   #042c33;
  --abk-text-link:         #67e8f9;
}