/* =====================================================================================================
   TEMA OSCURO GLOBAL (22/10/2026). ÚNICO lugar con los colores del sitio en modo oscuro.
   Paleta tomada de Mis descargas (propuesta C del dueño): fondo #0E0E0D, tarjetas #1A1916, bordes #2A2925, dorado #E0B85A, texto #F4F1E8, secundario #CFCBBF. Manrope.
   Cómo funciona: blanco.css define los tokens --w-* y --pb-* con los valores CLAROS; este archivo se carga justo después (functions.php, si PB_TEMA_OSCURO es true)
   y les da los valores OSCUROS. Todas las hojas (blanco, blanco-auto, app, software, descargas) usan esos tokens, así que cambiar un color aquí lo cambia en todo el sitio.
   Volver al tema claro: en functions.php poner PB_TEMA_OSCURO = false (deja de cargarse este archivo y vuelven los valores de blanco.css). Nada más.
   Página nueva: usa siempre var(--w-…), nunca colores sueltos, y pruébala entrando desde el menú (navegación suave), no solo con F5.
   ===================================================================================================== */
:root{
  /* Paleta (6 colores base + derivados) */
  --t-bg:#0E0E0D;--t-card:#1A1916;--t-line:#2A2925;--t-gold:#E0B85A;--t-ink:#F4F1E8;--t-ink-2:#CFCBBF;
  --t-ink-3:#B5B1A6;--t-on-gold:#141413;--t-pill:#55524B;--t-tile:#23221E;--t-raise:#1F1E1A;--t-deep:#131311;--t-sep:#3A3832;
  --t-gold-hover:#EAC878;--t-ok:#8FE0AE;--t-ok-bg:#1F3B2A;--t-warn:#F0B8A0;--t-warn-bg:#33261F;--t-playing:#2A2418;--t-playing-2:#33291A;--t-select:#5A4A22;

  /* Tokens del sitio → paleta */
  --w-bg:var(--t-bg);--w-ink:var(--t-ink);--w-ink-2:var(--t-ink-2);--w-ink-3:var(--t-ink-3);--w-line:var(--t-line);--w-line-2:var(--t-line);--w-field:var(--t-tile);--w-pill:var(--t-pill);
  --w-gold:var(--t-gold);--w-gold-text:var(--t-gold);--w-on-gold:var(--t-on-gold);--w-wm:var(--t-ink);--w-gold-hover:var(--t-gold-hover);
  --w-card:var(--t-card);--w-on-ink:var(--t-on-gold);--w-ink-hover:#FFFFFF;--w-tile:var(--t-tile);--w-hover:var(--t-card);--w-raise:var(--t-raise);--w-deep:var(--t-deep);--w-sep:var(--t-sep);
  --w-playing:var(--t-playing);--w-playing-2:var(--t-playing-2);--w-select:var(--t-select);--w-ok:var(--t-ok);--w-ok-bg:var(--t-ok-bg);--w-warn:var(--t-warn);--w-warn-bg:var(--t-warn-bg);
  --w-shadow:rgba(0,0,0,.5);--w-shadow-2:rgba(0,0,0,.6);--w-hairline:rgba(255,255,255,.06);--w-bar-shadow:0 -4px 16px rgba(0,0,0,.5);
  --w-logo-filter:none;   /* el logo PNG ya es claro (blanco); el tema claro lo oscurece con brightness(0) */
  --w-badge-bg:#3A3020;--w-badge-ink:var(--t-gold);--w-cream:var(--t-raise);--w-blue:var(--t-gold);--w-blue-soft:rgba(224,184,90,.12);--w-on-blue:var(--t-on-gold);   /* 22/10/2026: sin azul en el tema oscuro; el azul queda solo en el logo y el icono de la app */
  --w-cv-n-ink:var(--t-ink);--w-input-bg:var(--t-bg);--w-input-line:var(--t-pill);
  --w-cv-n:linear-gradient(145deg,#2A2925,#1A1916);

  --pb-bg:var(--t-bg);--pb-panel:var(--t-card);--pb-field:var(--t-card);--pb-raise:var(--t-card);--pb-tile:var(--t-tile);--pb-tile-2:var(--t-tile);
  --pb-ink:var(--t-ink);--pb-ink-2:var(--t-ink-2);--pb-ink-3:var(--t-ink-2);--pb-line:var(--t-line);
  --pb-blue:var(--t-ink);--pb-blue-text:var(--t-ink);--pbx-blue-hi:var(--t-ink);
  --pb-gold:var(--t-gold);--pb-gold-ink:var(--t-on-gold);--pb-gold-deep:var(--t-card);--pb-gold-tile:var(--t-line);
  --pb-island:var(--t-bg);--pb-card:var(--t-card);
  --c-azulmarca:var(--t-ink-2);--c-azulmarca-t:var(--t-ink-2);--c-azulmarca-d:var(--t-tile);--c-mostaza:var(--t-ink-2);--c-terracota:var(--t-ink-2);--c-salvia:var(--t-ink-2);--c-azul:var(--t-ink-2);--c-malva:var(--t-ink-2);
  --c-mostaza-t:var(--t-ink-2);--c-terracota-t:var(--t-ink-2);--c-salvia-t:var(--t-ink-2);--c-azul-t:var(--t-ink-2);--c-malva-t:var(--t-ink-2);
  --c-mostaza-d:var(--t-tile);--c-terracota-d:var(--t-tile);--c-salvia-d:var(--t-tile);--c-azul-d:var(--t-tile);--c-malva-d:var(--t-tile);
  color-scheme:dark;
}
html{background:var(--t-bg)}