/* KlipTok v93 · TEMA «Aurora» (assets/kt-v93-skin.css). Capa de colores, bordes y sombras: NO cambia funciones ni estructura.
   Se carga la ÚLTIMA. Apagarlo: añadir ?skin=classic a la URL (se recuerda), o borrar este archivo y su <link>/<script> en index.html.
   Paleta propia: violeta-índigo de acento, modo oscuro casi negro con tarjetas elevadas, modo claro gris suave con tarjetas blancas. */
html:not([data-skin="classic"]){
  --kt-acc:#6d5ae6; --kt-acc-h:#5a47d4; --kt-acc-soft:rgba(109,90,230,.14);
  --kt-bg:#f4f4f7; --kt-card:#ffffff; --kt-card2:#ececf2; --kt-line:rgba(20,20,40,.09); --kt-ink:#15151f; --kt-mute:#6b6b80;
  --kt-r:1rem; --kt-r2:1.5rem; --kt-sh:0 1px 2px rgba(20,20,40,.05),0 8px 24px rgba(20,20,40,.07);
  /* variables de las páginas internas (reloj, instrumentos, reconocimientos…) */
  --accent:var(--kt-acc); --tx2:#6d5ae6; --btn:#eeedfb; --btnh:#e2dffa; --shadow:var(--kt-sh); --border:var(--kt-line); --surface:rgba(255,255,255,.92); --tx:var(--kt-ink);
  --m-a:var(--kt-acc); --m-b:#8b7bf0; --m-bg:var(--kt-bg); --m-card:var(--kt-card); --m-ink:var(--kt-ink); --m-mute:var(--kt-mute); --m-line:var(--kt-line);
  --k58-acc:var(--kt-acc); --k58-acc2:#8b7bf0; --k58-hover:var(--kt-acc-soft);
}
html.dark:not([data-skin="classic"]){
  --kt-bg:#0a0a0c; --kt-card:#161619; --kt-card2:#1f1f24; --kt-line:rgba(255,255,255,.08); --kt-ink:#f2f2f7; --kt-mute:#9a9aae;
  --kt-sh:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.45); --kt-acc:#7c6cf2; --kt-acc-h:#8d7ff5; --kt-acc-soft:rgba(124,108,242,.2);
  --tx2:#a79cf7; --btn:rgba(255,255,255,.07); --btnh:rgba(255,255,255,.15); --surface:rgba(22,22,25,.88);
  --bg1:#0a0a0c; --bg2:#101013; --bg3:#0a0a0c; --m-b:#a79cf7;
}
/* ---- fondo y texto ---- */
html:not([data-skin="classic"]) body{background-color:var(--kt-bg);color:var(--kt-ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;-webkit-font-smoothing:antialiased}
html:not([data-skin="classic"]) ::selection{background:var(--kt-acc-soft)}
html:not([data-skin="classic"]) :focus-visible{outline:2px solid var(--kt-acc);outline-offset:2px}
/* ---- paleta Tailwind (modo claro) ---- */
html:not([data-skin="classic"]) .bg-slate-50,html:not([data-skin="classic"]) .bg-gray-50{background-color:var(--kt-bg)}
html:not([data-skin="classic"]) .bg-slate-100,html:not([data-skin="classic"]) .bg-gray-100{background-color:var(--kt-card2)}
html:not([data-skin="classic"]) .bg-slate-200{background-color:#e4e4ec}
html:not([data-skin="classic"]) .bg-white{background-color:var(--kt-card)}
html:not([data-skin="classic"]) .border-slate-200,html:not([data-skin="classic"]) .border-slate-100{border-color:var(--kt-line)}
html:not([data-skin="classic"]) .text-slate-800,html:not([data-skin="classic"]) .text-slate-900{color:var(--kt-ink)}
html:not([data-skin="classic"]) .text-slate-500,html:not([data-skin="classic"]) .text-slate-600{color:var(--kt-mute)}
/* ---- paleta Tailwind (modo oscuro) ---- */
html.dark:not([data-skin="classic"]) .dark\:bg-slate-950{background-color:var(--kt-bg)}
html.dark:not([data-skin="classic"]) .dark\:bg-slate-900,html.dark:not([data-skin="classic"]) .bg-slate-900{background-color:var(--kt-card)}
html.dark:not([data-skin="classic"]) .dark\:bg-slate-900\/60{background-color:rgba(22,22,25,.72)}
html.dark:not([data-skin="classic"]) .dark\:bg-slate-800,html.dark:not([data-skin="classic"]) .bg-slate-800{background-color:var(--kt-card2)}
html.dark:not([data-skin="classic"]) .dark\:bg-slate-700,html.dark:not([data-skin="classic"]) .bg-slate-700{background-color:#2b2b32}
html.dark:not([data-skin="classic"]) .dark\:border-slate-800,html.dark:not([data-skin="classic"]) .dark\:border-slate-700,html.dark:not([data-skin="classic"]) .border-slate-800,html.dark:not([data-skin="classic"]) .border-slate-700{border-color:var(--kt-line)}
html.dark:not([data-skin="classic"]) .dark\:text-slate-100,html.dark:not([data-skin="classic"]) .dark\:text-slate-200{color:var(--kt-ink)}
html.dark:not([data-skin="classic"]) .dark\:text-slate-400{color:var(--kt-mute)}
/* ---- acento ---- */
html:not([data-skin="classic"]) .bg-purple-600,html:not([data-skin="classic"]) .bg-violet-600,html:not([data-skin="classic"]) .bg-indigo-600{background-color:var(--kt-acc)}
html:not([data-skin="classic"]) .hover\:bg-purple-700:hover,html:not([data-skin="classic"]) .hover\:bg-violet-700:hover,html:not([data-skin="classic"]) .hover\:bg-indigo-700:hover{background-color:var(--kt-acc-h)}
html:not([data-skin="classic"]) .text-purple-600,html:not([data-skin="classic"]) .text-violet-600,html:not([data-skin="classic"]) .text-indigo-600,html:not([data-skin="classic"]) .text-purple-500{color:var(--kt-acc)}
html.dark:not([data-skin="classic"]) .dark\:text-purple-400,html.dark:not([data-skin="classic"]) .dark\:text-violet-400{color:#a79cf7}
/* ---- bordes redondeados y sombras de las tarjetas ---- */
html:not([data-skin="classic"]) .rounded-xl{border-radius:var(--kt-r)}
html:not([data-skin="classic"]) .rounded-2xl,html:not([data-skin="classic"]) .rounded-3xl{border-radius:var(--kt-r2)}
html:not([data-skin="classic"]) .feed-card{border-radius:var(--kt-r2);box-shadow:var(--kt-sh)}
html:not([data-skin="classic"]) .shadow,html:not([data-skin="classic"]) .shadow-md,html:not([data-skin="classic"]) .shadow-lg{box-shadow:var(--kt-sh)}
/* ---- campos y botones de las páginas internas ---- */
html:not([data-skin="classic"]) input:not([type=checkbox]):not([type=radio]):not([type=range]),html:not([data-skin="classic"]) select,html:not([data-skin="classic"]) textarea{border-radius:.85rem}
html:not([data-skin="classic"]) .kk-btn{background:var(--kt-acc)}
/* ---- barras de desplazamiento discretas ---- */
html:not([data-skin="classic"]) *{scrollbar-width:thin;scrollbar-color:rgba(128,128,150,.4) transparent}
@media (prefers-reduced-motion:reduce){html:not([data-skin="classic"]) *{transition-duration:.01ms !important}}