/* <!-- global.css - Teramorphosis --> */

/* Paleta y tokens Teramorphosis (neon + off-white) */
:root{
  --off-white:#f5f5f5;
  --light-purple:#e3dcff 85%;
  --bg-dark-1:#0a0a1a;
  --bg-dark-2:#030344;
  --bg-dark-3: rgb(21, 4, 68);
  --text-dark:#0e0e0e;
  --text-light:#e9e9f1;
  --border-light:rgba(19, 7, 7, 0.12);
  --border-dark:rgba(255,255,255,.12);

  --morado:#6a0dad; --morado-2:#8a2be2;
  --rosa:#ff00ff; --azul:#00aaff; --turquesa:#00ffe5; --verde:#39ff14;

  --font-body:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --font-display:'Orbitron',var(--font-body);

  --radius-lg:1rem; --radius-md:.75rem;
  --shadow-neon:0 0 .6rem rgba(255,0,255,.45), 0 0 1.2rem rgba(138,43,226,.35);
}

html[data-bs-theme="light"]{
  --body-bg:var(--off-white);
  --body-color:var(--text-dark);
  --border:var(--border-light);
}
html[data-bs-theme="dark"]{
  --body-bg:radial-gradient(1200px 800px at 10% 10%, #0f0f23 0%, var(--bg-dark-1) 60%, var(--bg-dark-2) 100%);
  --body-bg-2: radial-gradient(1200px 800px at 10% 10%, #300772 0%, var(--morado-2) 60%, var(---border-dark) 60%);
  --body-color:var(--text-light);
  --border:var(--border-dark);
}