/* ============================================================
   sonora-tokens.css — Sistema de Diseño de Sonora
   FUENTE ÚNICA DE VERDAD. Importar PRIMERO, antes de cualquier otro CSS.
   Derivado de la Guía de Estilo (aprobada jul-2026).
   Regla: nada de literales de color/tipografía sueltos en el resto del
   sitio — todo referencia estos tokens. Cambiás el oro acá → cambia en todo.
   (Las @font-face de Alverata/Ciutadella se cargan aparte; acá solo variables.)
   ============================================================ */

:root{
  /* ---- superficie: la disquería (casi-negro cálido, sesgado al marrón) ---- */
  --ground:#14110d;
  --ground-2:#1d1913;   /* paneles, cards, chips */
  --ground-3:#262019;   /* hover / elevación */
  --ground-deep:#0f0d09;/* pozos, code, hero profundo */

  /* ---- texto ---- */
  --cream:#f5f0e8;                       /* primario  (~15:1) */
  --cream-dim:rgba(245,240,232,.60);     /* secundario */
  --cream-faint:rgba(245,240,232,.38);   /* captions, metadata */

  /* ---- oro: el ÚNICO acento de marca (mata los 6 del drift) ---- */
  --gold:#c4a35a;         /* acentos, CTA, eyebrows, líneas activas (~7.6:1) */
  --gold-bright:#d8bd7e;  /* hover, highlight */
  --gold-deep:#9c7f42;    /* bordes activos, detalles */

  /* ---- líneas ---- */
  --line:rgba(245,240,232,.09);
  --line-strong:rgba(245,240,232,.17);

  /* ---- semánticos (NO son el acento) ---- */
  --spotify:#1db954;   /* SOLO el gesto "Escuchar en Spotify" */
  --error:#e0524d;

  /* ---- tipografía ---- */
  --serif:'Alverata',Georgia,'Times New Roman',serif; /* titulares, voz editorial */
  --sans:'Ciutadella','Helvetica Neue',Arial,sans-serif; /* controles, datos */

  /* ---- radios (angular / editorial) ---- */
  --r-cover:3px;   /* tapas */
  --r-btn:6px;     /* botones */
  --r-card:7px;    /* cards */
  --r-modal:11px;  /* player / modales flotantes */
  --r-pill:100px;  /* chips de navegación */

  /* ---- escala de espaciado ---- */
  --s1:6px; --s2:10px; --s3:16px; --s4:24px; --s5:40px; --s6:64px;

  /* ---- layout ---- */
  --maxw:1180px;

  /* ---- acentos por género: 19 géneros en 16 hues, todos AA sobre fondo oscuro ---- */
  --g-jazz:#D4A534;        /* 6.2:1 */
  --g-clasica:#E8C44A;     /* 9.4:1 */
  --g-blues:#4A90C4;       /* 4.7:1 */
  --g-rock:#8C8C8C;        /* 4.7:1 */
  --g-electronica:#5A95D0; /* 5.0:1 */
  --g-world:#5AAF6E;       /* 5.5:1 */
  --g-latam:#C47A3A;       /* 4.5:1 */
  --g-europa:#6B9AC4;      /* 5.0:1 */
  --g-asia:#C8854E;        /* 5.0:1 */
  --g-indie:#9A9A9A;       /* 5.4:1 */
  --g-soul:#E85478;        /* 4.6:1 */
  --g-hiphop:#A0A0A0;      /* 5.8:1 */
  --g-prog:#A87ADE;        /* 4.6:1 */
  --g-punk:#A0A0A0;        /* 5.8:1 */
  --g-reggae:#5AAF6E;      /* 5.5:1 */
  --g-contemp:#9A9A9A;     /* 5.4:1 */
  --g-americana:#C49A5C;   /* 5.4:1 */
  --g-soundtrack:#7A9AAF;  /* 4.6:1 */
  --g-pop:#B0A0C0;         /* 5.5:1 */
}

/* Cada batea-card hereda su acento del token de su género.
   (Al migrar, se borran los literales hardcodeados de sonora-app.css.) */
[data-genre="jazz"]{--batea-accent:var(--g-jazz);}
[data-genre="clasica"]{--batea-accent:var(--g-clasica);}
[data-genre="blues"]{--batea-accent:var(--g-blues);}
[data-genre="rock"]{--batea-accent:var(--g-rock);}
[data-genre="electronica"]{--batea-accent:var(--g-electronica);}
[data-genre="world"]{--batea-accent:var(--g-world);}
[data-genre="latam"]{--batea-accent:var(--g-latam);}
[data-genre="europa"]{--batea-accent:var(--g-europa);}
[data-genre="asia"]{--batea-accent:var(--g-asia);}
[data-genre="indie"]{--batea-accent:var(--g-indie);}
[data-genre="soul"]{--batea-accent:var(--g-soul);}
[data-genre="hiphop"]{--batea-accent:var(--g-hiphop);}
[data-genre="prog"]{--batea-accent:var(--g-prog);}
[data-genre="punk"]{--batea-accent:var(--g-punk);}
[data-genre="reggae"]{--batea-accent:var(--g-reggae);}
[data-genre="contemp"]{--batea-accent:var(--g-contemp);}
[data-genre="americana"]{--batea-accent:var(--g-americana);}
[data-genre="soundtrack"]{--batea-accent:var(--g-soundtrack);}
[data-genre="pop"]{--batea-accent:var(--g-pop);}

/* Sonora vive en un solo mundo: la disquería oscura. El toggle de tema
   no la manda a blanco (compromiso deliberado, no omisión). */
:root[data-theme="light"]{ color-scheme:dark; }