/* Waack On — colores (guía de marca v1). Oscuro por defecto; claro con data-theme="light", data-wo-theme="light" o .wo-light.
   --blue, --pink, --purple, --yellow son 4 huecos de acento (nombres históricos). Paleta predeterminada: Fucsia & naranja. */
:root{
  --ground:#000000;--ground-2:#131316;
  --glass:rgba(232,234,240,0.10);--glass-2:rgba(232,234,240,0.06);
  --hair:rgba(236,238,244,0.24);--hair-soft:rgba(236,238,244,0.11);
  --sheen:rgba(248,249,252,0.36);
  --ink:#FFFFFF;--ink-2:#BDBFC6;--ink-3:#9396A0;
  --gold:#E4B94D;--gold-hi:#F4D374;--gold-lo:#C9982E;--gold-text:#E4B94D;--gold-ink:#1A1400;
  --blue:#FF7A2F;--pink:#FF1E8E;--purple:#FF4FB0;--yellow:#FFA23A;
  --chrome-1:#FFFFFF;--chrome-2:#E2E8F0;--chrome-3:#94A3B8;--chrome-4:#64748B;--chrome-spec:#CBD5E1;--chrome-shadow:#000000;
  --nav-cyan:#00E5FF;--nav-lime:#C6FF00;--nav-pink:#FF1E8E;--nav-violet:#B14BFF;--nav-orange:#FF7A2F;--nav-mint:#00D9A3;--nav-red:#FF4D52;
  --tv-neon:#FF1A3C;
  --nav-plate:linear-gradient(145deg,#2A2C31 0%,#0E0F12 42%,#050506 58%,#1E2024 100%); /* @kind color */
  --nav-plate-shine:linear-gradient(110deg,transparent 35%,rgba(232,236,244,.38) 50%,transparent 65%); /* @kind color */
  --nav-plate-edge:rgba(203,213,225,.22);--nav-plate-glow:rgba(226,232,240,.35);
  --success:#34D399;--danger:#F87171;--live:var(--pink);
  --grad-gold:linear-gradient(90deg,var(--gold-hi),var(--gold-lo)); /* @kind color */
  --grad-gold-metal:linear-gradient(135deg,var(--gold-hi),var(--gold) 55%,var(--gold-lo)); /* @kind color */
  --grad-media:linear-gradient(135deg,#9E2A6B,#A0471F); /* @kind color */
  --grad-avatar:linear-gradient(135deg,var(--pink),var(--purple)); /* @kind color */
  --plate-bg:linear-gradient(135deg,rgba(198,206,222,.20) 0%,rgba(74,80,94,.30) 26%,rgba(226,232,244,.22) 48%,rgba(52,56,66,.34) 70%,rgba(188,197,214,.18) 100%),#0A0910; /* @kind color */
  --plate-border:rgba(226,232,244,.26);
  /* Tono de página (oro por defecto) */
  --tone:var(--gold);--tone-hi:var(--gold-hi);--tone-lo:var(--gold-lo);--tone-ink:#1A1400;--tone-glow:0; /* @kind other */

  /* ── Alias heredados → valores de la guía ── */
  --gold-100:var(--gold-hi);--gold-300:var(--gold);--gold-500:var(--gold-lo);--gold-700:#8A6415;
  --lilac-300:var(--purple);--lilac-400:var(--purple);--lilac-dim:color-mix(in oklch,var(--purple) 15%,transparent);
  --magenta-500:var(--pink);--magenta-600:var(--pink);--magenta-hover:var(--purple);
  --pink-500:var(--pink);--purple-500:var(--purple);--blue-500:var(--blue);--blue-600:var(--blue);--yellow-500:var(--yellow);--sky-300:var(--nav-cyan);
  --success-bg:color-mix(in oklch,var(--success) 16%,transparent);--success-border:color-mix(in oklch,var(--success) 40%,transparent);
  --danger-bg:color-mix(in oklch,var(--danger) 14%,transparent);--danger-border:color-mix(in oklch,var(--danger) 40%,transparent);
  --locked:var(--purple);--locked-bg:color-mix(in oklch,var(--purple) 12%,transparent);--locked-border:color-mix(in oklch,var(--purple) 30%,transparent);
  --bg:var(--ground);--void:var(--ground);--surface:var(--ground-2);
  --surface-container-low:var(--ground-2);--surface-container:#1A1A1F;--surface-container-high:#232329;
  --sidebar-bg:color-mix(in oklch,var(--ground) 92%,transparent);--nav-active-bg:var(--glass);
  --ink-secondary:var(--ink-2);--ink-tertiary:var(--ink-3);--ink-muted:#4B4F5A;
  --line:var(--hair-soft);--line-strong:var(--hair);
  --h:330; /* @kind other */
  --glass-fill:var(--glass);--glass-panel:var(--glass);--glass-border:var(--hair);--glass-edge:var(--hair);
  --glass-glow:color-mix(in oklch,var(--pink) 45%,transparent);--glass-input:var(--glass-2);
  --gradient-gold:var(--grad-gold); /* @kind color */
  --gradient-gold-metal:var(--grad-gold-metal); /* @kind color */
  --gradient-spectrum:linear-gradient(90deg,var(--pink),var(--blue)); /* @kind color */
  --gradient-progress:var(--grad-gold); /* @kind color */
  --gradient-media:var(--grad-media); /* @kind color */
  --gradient-avatar:var(--grad-avatar); /* @kind color */
  --surface-page:var(--ground);--surface-card:var(--glass);--surface-raised:var(--ground-2);
  --text-muted:var(--ink-2);--text-faint:var(--ink-3);--text-on-gold:var(--gold-ink);
  --accent:var(--gold);--accent-secondary:var(--pink);--accent-hot:var(--pink);
  --border-default:var(--hair-soft);--border-glass:var(--hair);
  --focus-ring:var(--gold-hi);
}
[data-theme="light"],[data-wo-theme="light"],.wo-light{
  --ground:#FFFFFF;--ground-2:#F5F5F7;
  --glass:rgba(255,255,255,0.58);--glass-2:rgba(255,255,255,0.40);
  --hair:rgba(13,13,13,0.10);--hair-soft:rgba(13,13,13,0.055);
  --sheen:rgba(255,255,255,0.85);
  --ink:#0D0D0D;--ink-2:#5C606A;--ink-3:#6B6F79;
  --gold-text:#8A6415;
  --chrome-1:#8B8D94;--chrome-2:#6E7078;--chrome-3:#3A3C42;--chrome-4:#1A1B1E;--chrome-spec:#4A4C52;--chrome-shadow:#6B6F79;
  --nav-cyan:#0093B0;--nav-lime:#5E8C00;--nav-pink:#D6006F;--nav-violet:#8A2BE2;--nav-orange:#D9530F;--nav-mint:#00916E;--nav-red:#C9171D;
  --tv-neon:#E0102F;--success:#0F9F6E;--danger:#D93636;
  --plate-bg:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(226,232,244,.62) 26%,rgba(255,255,255,.95) 48%,rgba(214,222,238,.6) 70%,rgba(255,255,255,.9) 100%); /* @kind color */
  --plate-border:rgba(13,13,13,.09);
  --surface-container:#EEEFF2;--surface-container-high:#E4E5EA;--ink-muted:#D8DAE0;
}
/* Paletas alternativas */
[data-paleta="neon"]{--blue:#3BE8F0;--pink:#FF2E9A;--purple:#9B5CFF;--yellow:#F5C518}
[data-paleta="dorado"]{--blue:#C9982E;--pink:#E4B94D;--purple:#8A6415;--yellow:#F4D374}
[data-paleta="mono"]{--blue:#8E93A3;--pink:#C8CCD8;--purple:#5E6270;--yellow:#A8ADBA}
/* Tonos por página: podcast/música → morado · lives/reels/feed → rosa · tv/academia/laboratorio → azul ·
   cursos/instructor/manuales/planes → oro · cuerpo/posing → naranja · diccionario/descargas/ayuda → cromo */
[data-page-tone="rosa"]{--tone:#E5177A;--tone-hi:#FF5FA8;--tone-lo:#A3105A;--tone-ink:#FFFFFF;--tone-glow:1; /* @kind other */--pink:#FF5FA8;--purple:#E5177A;--blue:#A3105A;--yellow:#FF5FA8}
[data-page-tone="morado"]{--tone:#8B66D8;--tone-hi:#B497F0;--tone-lo:#5E3FB0;--tone-ink:#FFFFFF;--tone-glow:1; /* @kind other */--pink:#B497F0;--purple:#8B66D8;--blue:#5E3FB0;--yellow:#B497F0}
[data-page-tone="azul"]{--tone:#4C6FE0;--tone-hi:#7C8FF7;--tone-lo:#2E4BB8;--tone-ink:#FFFFFF;--tone-glow:1; /* @kind other */--pink:#7C8FF7;--purple:#4C6FE0;--blue:#2E4BB8;--yellow:#7C8FF7}
[data-page-tone="naranja"]{--tone:#FF7A2F;--tone-hi:#FFA23A;--tone-lo:#D9530F;--tone-ink:#1A0A00;--tone-glow:1; /* @kind other */--pink:#FFA23A;--purple:#FF7A2F;--blue:#D9530F;--yellow:#FFA23A}
[data-page-tone="cromo"]{--tone:#C8CCD8;--tone-hi:#FFFFFF;--tone-lo:#8E93A3;--tone-ink:#14111A;--tone-glow:1; /* @kind other */--pink:#FFFFFF;--purple:#C8CCD8;--blue:#8E93A3;--yellow:#FFFFFF}
[data-page-tone="oro"]{--tone-glow:1; /* @kind other */}
