/**
 * Wavy Background - CSS Variables & Styles
 * Konfigurovatelné animované pozadí s vlnícími se linkami
 */

:root {
  /* Barvy pozadí */
  --wavy-bg-color: #F5E6C8;

  /* Barvy linek */
  --wavy-line-color: #C9A86C;
  --wavy-line-opacity: 0.6;
}

/* Canvas container */
.wavy-background-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;  /* Changed from -1 to allow backdrop-filter to see it */
  overflow: hidden;
  pointer-events: none;
}

.wavy-background-container canvas {
  display: block;
  width: 100%;
  height: 100%;
}

/* Alternativní: inline pozadí (ne fixed) */
.wavy-background-inline {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}