/* Letras Bonitas — dark-mode.css (v1.1.0)
   Modo oscuro conservador: fondo, textos, enlaces, cabecera/pie y las
   superficies de la herramienta. La clase .lb-dark la pone dark-mode.js
   en <html> (y en <body> al cargar); por eso los selectores valen para ambos. */

/* Botón flotante (visible siempre, en claro y en oscuro) */
.lb-dark-toggle{position:fixed;left:16px;bottom:16px;z-index:9999;width:48px;height:48px;border-radius:50%;
  border:0;cursor:pointer;font-size:1.25rem;line-height:1;color:#fff;
  background:linear-gradient(120deg,#7C5CFF,#FF5C93);box-shadow:0 8px 22px rgba(20,16,43,.35)}
.lb-dark-toggle:focus-visible{outline:3px solid #7C5CFF;outline-offset:2px}
.lb-dark-toggle[aria-pressed="true"]{background:linear-gradient(120deg,#3B2E7A,#7C5CFF)}

/* Variables de Kadence hacia la paleta violeta oscura */
html.lb-dark,body.lb-dark{
  --global-palette3:#F3F0FF;
  --global-palette4:#E4DEF9;
  --global-palette5:#B9B0E4;
  --global-palette6:#8F84C4;
  --global-palette7:#1E1A33;
  --global-palette8:#12101A;
  --global-palette9:#1E1A33;
  --global-content-bg-color:#12101A;
  --global-font-color:#F3F0FF;
}
.lb-dark body,html.lb-dark body{background:#12101A;color:#F3F0FF}
.lb-dark .site-header,.lb-dark .site-footer{background:#1E1A33}
.lb-dark a{color:#C9BFFF}
.lb-dark h1,.lb-dark h2,.lb-dark h3,.lb-dark h4{color:#F3F0FF}

/* Herramienta principal en oscuro */
.lb-dark .lb-tool{background:rgba(30,26,51,.92);color:#F3F0FF;border-color:#2B2452;box-shadow:0 18px 45px rgba(0,0,0,.45)}
.lb-dark .lb-tool__label{color:#F3F0FF}
.lb-dark .lb-tool__input{background:#12101A;color:#F3F0FF;border-color:#2B2452}
.lb-dark .lb-chip{background:#262052;color:#F3F0FF}
.lb-dark .lb-chip[aria-pressed="true"]{background:linear-gradient(120deg,#7C5CFF,#FF5C93);color:#fff}
.lb-dark .lb-card{background:#262052;color:#F3F0FF;border-color:#2B2452}
.lb-dark .lb-card:hover{border-color:#7C5CFF}
.lb-dark .lb-card--copied{background:#123B2F}
.lb-dark .lb-btn{background:#2B2452;color:#F3F0FF}
.lb-dark .lb-btn--mix,.lb-dark .lb-btn--more{background:linear-gradient(120deg,#7C5CFF,#FF5C93);color:#fff}
.lb-dark .lb-btn[aria-pressed="true"]{background:#7C5CFF;color:#fff}
.lb-dark .lb-tool__custom{border-color:#7C5CFF}
.lb-dark .lb-tool__custom select{background:#12101A;color:#F3F0FF}
.lb-dark .lb-tool__mix{background:#123B2F;color:#F3F0FF}
.lb-dark .lb-tool__toast{color:#F3F0FF}

/* Herramientas extra 2 en oscuro */
.lb-dark .lb2-card{background:#262052;color:#F3F0FF;border-color:#2B2452}
.lb-dark .lb2-card:hover{border-color:#7C5CFF}
.lb-dark .lb2-out{background:#12101A;color:#F3F0FF;border-color:#2B2452}
.lb-dark .lb2-table th,.lb-dark .lb2-table td{border-color:#2B2452}
.lb-dark .lb2-table th{background:#262052;color:#F3F0FF}