/* Plavecká škola Rachel – shared styles
   Design system: "The Liquid Editorial" (see DESIGN.md) */

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.buoy-effect {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.buoy-effect:hover {
  transform: translateY(-4px);
}

.tonal-depth-shift {
  background: linear-gradient(180deg, rgba(245, 250, 252, 0.8) 0%, rgba(245, 250, 252, 0.4) 100%);
}

.liquid-gradient {
  background: linear-gradient(135deg, #005d90 0%, #0077b6 100%);
}

.glass-card {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

.glass-bubble {
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.wave-divider {
  aspect-ratio: 900/100;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}