/* Fénix Aurora Orange UI · sistema visual canónico web.
   Fuente de verdad: docs/FENIX_AURORA_UI.md
   No cambia pantallas existentes por sí solo: se aplica mediante clases fx-*. */
:root{
  --fx-aurora-bg:#070b12;--fx-aurora-panel:#10151d;--fx-aurora-panel-2:#0b0f14;--fx-aurora-line:#2a3444;
  --fx-aurora-text:#f8fafc;--fx-aurora-muted:#9aa4b2;--fx-aurora-orange:#ff7a17;--fx-aurora-amber:#ffb52e;
  --fx-aurora-violet:#a855f7;--fx-aurora-pink:#ff5b8f;--fx-aurora-success:#22c55e;--fx-aurora-warning:#f59e0b;--fx-aurora-danger:#ef4444;
  --fx-aurora-primary:linear-gradient(100deg,#ff7219 0%,#ffb52e 100%);--fx-aurora-border:linear-gradient(125deg,#ff7219 0%,#ffb52e 36%,#a855f7 72%,#ff5b8f 100%);
  --fx-aurora-shadow:0 28px 90px rgba(0,0,0,.55),0 0 32px rgba(255,122,23,.16),0 0 42px rgba(168,85,247,.09);
}
.fx-aurora-modal,.fx-aurora-surface{color:var(--fx-aurora-text);font-family:inherit}
.fx-aurora-modal{background:linear-gradient(var(--fx-aurora-panel),var(--fx-aurora-panel)) padding-box,var(--fx-aurora-border) border-box;box-shadow:var(--fx-aurora-shadow)}
.fx-btn{font:inherit;font-weight:850;cursor:pointer;transition:filter .16s ease,transform .16s ease,border-color .16s ease,box-shadow .16s ease}.fx-btn:active:not(:disabled){transform:translateY(1px)}.fx-btn:disabled{opacity:.48;cursor:not-allowed}
.fx-btn--primary{background:var(--fx-aurora-primary);border:1px solid transparent;color:#090b0f}.fx-btn--primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 10px 28px rgba(255,122,23,.25)}
.fx-btn--secondary{background:#121821;border:1px solid #313b4c;color:#f4f6f8}.fx-btn--secondary:hover:not(:disabled){background:#171e28;border-color:#ff8a22}
.fx-input{background:#111821;border:1px solid var(--fx-aurora-line);color:var(--fx-aurora-text);border-radius:12px}.fx-input:focus,.fx-input:focus-within{outline:none;border-color:var(--fx-aurora-orange);box-shadow:0 0 0 3px rgba(255,122,23,.12)}
@media (prefers-reduced-motion:reduce){.fx-btn{transition:none}}