/* premium.css — capa de pulido compartida de la plataforma de tools.
   Brand-safe: usa fallbacks de variables (Ventra lime → Sabiduría amber → default).
   Solo eleva primitivos comunes; no cambia el layout de cada tool. */

/* Íconos Material (por si el <link> del tool no lo cargó) */
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;line-height:1;
  letter-spacing:normal;text-transform:none;white-space:nowrap;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;
  font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;font-size:20px;vertical-align:middle;user-select:none}

/* Render más nítido en todos los tools */
html{-webkit-text-size-adjust:100%}
body,button,input,select,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* Selección con el acento de la marca */
::selection{background:var(--lime,var(--amber,#d6ff46));color:#0b0d0a}

/* Scrollbars premium (finas, redondeadas, acento al hover) */
*{scrollbar-width:thin;scrollbar-color:var(--line,rgba(255,255,255,.18)) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:var(--line,rgba(255,255,255,.16));border-radius:20px;border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:var(--lime-dim,var(--sand,rgba(255,255,255,.32)));background-clip:padding-box}

/* Foco accesible + premium con el acento de marca */
:focus-visible{outline:2px solid var(--lime,var(--amber,#d6ff46));outline-offset:2px;border-radius:8px}

/* Transiciones suaves en interactivos (base; cada tool puede sobreescribir) */
a,button,summary,label,[role="button"],.btn,.card,.tool-card,.flbtn,.cbtn,.chip,input,select,textarea{
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .14s ease,opacity .16s ease}

/* Empuje sutil al presionar botones (no afecta layout) */
button:not(:disabled):active{transform:translateY(1px)}