/* =====================================================================
   LIUMAIS — supplementary effects
   Core design system now lives in styles.css. This file holds a few
   optional glass/highlight accents layered on top of the base theme.
   ===================================================================== */

.glass {
  background: var(--surface-2);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--border);
}

/* soft highlight sweep used on hover for emphasis cards */
.sheen { position: relative; overflow: hidden; }
.sheen::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.08), transparent);
  transition: left 0.7s ease;
  pointer-events: none;
}
.sheen:hover::after { left: 130%; }

@media (prefers-reduced-motion: reduce) {
  .sheen::after { transition: none; }
}