/* Tema azul noche + cian (paleta de referencia del 2026-10-11).
   Hoja compartida: se enlaza DESPUÉS de motion.css en todas las páginas.
   Colores base: fondo #031640 → #0a345a, acento cian #00aadd, texto #f4f8ff. */
:root{
  --night:#031640; --night-2:#05204a; --night-3:#0a2b55;
  --ivory:#f4f8ff; --text:#d3e4f5; --muted:#8fb2d4; --faint:#88aacb;
  --line:rgba(140,200,245,.12); --line-2:rgba(140,200,245,.2); --line-gold:rgba(0,170,221,.42);
  --gold:#00aadd; --gold-2:#7fd8f7; --gold-deep:#0086b8;
  --gold-grad:linear-gradient(135deg,#2ec2f2 0%,#00aadd 50%,#0086b8 100%);
  --serif:"Twemoji Country Flags",Figtree,system-ui,sans-serif;
  --sans:"Twemoji Country Flags",Figtree,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
html{background:#031640}
body{
  font-family:var(--sans);
  background:#031640 linear-gradient(165deg,#010028 0%,#031640 32%,#072849 68%,#0a345a 100%) fixed;
}
h1,h2,h3,h4,b,strong,summary,th,button,.btn{font-weight:600}
::selection{background:rgba(0,170,221,.4);color:#fff}
/* Botones cian: texto azul noche para que se lea bien (contraste > 6:1) */
.btn.gold,.btn.primary,.btn.white{color:#02112e}
.btn.gold,.btn.primary,.btn.white{box-shadow:0 4px 12px rgba(0,25,70,.35)}
.btn.gold:hover,.btn.primary:hover,.btn.white:hover{box-shadow:0 5px 14px rgba(0,25,70,.45)}
/* Foco visible con teclado: aro cian claro (contraste > 8:1 sobre el azul noche) */
:focus-visible{outline:2px solid #7fd8f7;outline-offset:3px}
.money-input:focus-visible,.auth-form input:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7fd8f7;outline-offset:2px}
.btn.gold:focus-visible,.btn.primary:focus-visible,.btn.white:focus-visible{outline-color:#fff}