:root {
  /* ---------- CORES ---------- */
  --mm-color1: #490f59; /* cor base (mais escura) */
  --mm-color2: #ff9ffc; /* cor intermediária */
  --mm-color3: #ffffff; /* realce mais claro */

  /* ---------- Parâmetros ---------- */
  --mm-speed: 0.95; /* velocidade da animação */
  --mm-scale: 4; /* escala do efeito */
  --mm-detail: 8; /* quantidade de detalhes (1 a 8) */
  --mm-glow: 0.9; /* intensidade do brilho */
  --mm-core-size: 0.3; /* tamanho do núcleo luminoso */
  --mm-swirl: 2; /* intensidade do turbilhão */
  --mm-fold: -0.2; /* dobramento do metal */
  --mm-black-point: 0.05; /* corta tons muito escuros */
  --mm-brightness: 0.2; /* brilho geral */
  --mm-color-mode: molten; /* molten | ember | frost */
  --mm-grain: 1; /* granulado 1 ou 0 */
  --mm-grain-intensity: 0.05; /* força do granulado */
  --mm-mouse-interaction: 0; /* segue o mouse 1 ou 0 */
  --mm-mouse-strength: 0.2; /* força do mouse */
  --mm-opacity: 1; /* opacidade do fundo (0 a 1) */
}

.molten-metal-container {
  position: relative;
  width: 100vw;
  height: 100%;
  overflow: hidden;
}

.molten-metal-container canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: auto;
}

.molten-metal-container.no-webgl {
  background: linear-gradient(140deg, #f3eaff 0%, #d8c7ff 100%);
}