/* El Prisma Musical — tokens de tema.
   Espectro (oscuro) es el tema por defecto; Luz se activa con <html data-theme="luz">.
   Valores EXACTOS del prototipo aprobado por el cliente (ruta A = Espectro, ruta C = Luz). */

:root{
  color-scheme:dark;

  /* Color — Espectro */
  --bg:#08080B;
  --surface:#101016;
  --surface-2:#17171F;
  --text:#F1F1F5;
  --muted:#9A9AA6;
  --border:#27272F;
  --accent:#8B93FF;
  --accent-2:#B98BFF;
  --on-accent:#08080B;
  --spectrum:linear-gradient(90deg,#ff5964 0%,#ff9f45 17%,#ffd447 33%,#5fd38b 51%,#48b6ff 69%,#7c87ff 85%,#b57cff 100%);

  /* Forma y profundidad */
  --radius:3px;
  --rule:1px;
  --shadow:0 30px 70px -34px rgba(0,0,0,.85);
  --beam:1;

  /* Tipografía */
  --font-display:'Jost',system-ui,sans-serif;
  --font-body:'Spectral',Georgia,serif;
  --font-read:'Spectral',Georgia,serif;
  --font-ui:'Jost',system-ui,sans-serif;
  --display-tight:1.05;
  --disp-weight:400;
  --label-weight:500;
}

/* Tema Luz (claro) — overrides */
:root[data-theme="luz"]{
  color-scheme:light;
  --bg:#F6F5F2;
  --surface:#FFFFFF;
  --surface-2:#ECEAE5;
  --text:#16161C;
  --muted:#6A6A72;
  --border:#E4E2DC;
  --accent:#4C57E8;
  --accent-2:#8E5BE8;
  --on-accent:#FFFFFF;
  --shadow:0 20px 50px -28px rgba(20,20,40,.26);
}