/* Onyx Depth - Dark sophisticated tones with grayscale elements */

@-webkit-keyframes onyxDepth {
  0%, 100% {
    -webkit-filter: brightness(0.9) contrast(1.4) saturate(1.1) grayscale(0.2);
    filter: brightness(0.9) contrast(1.4) saturate(1.1) grayscale(0.2);
  }
  25% {
    -webkit-filter: brightness(1.1) contrast(1.6) saturate(1.4) grayscale(0.1);
    filter: brightness(1.1) contrast(1.6) saturate(1.4) grayscale(0.1);
  }
  50% {
    -webkit-filter: brightness(1.2) contrast(1.8) saturate(1.7) grayscale(0.05);
    filter: brightness(1.2) contrast(1.8) saturate(1.7) grayscale(0.05);
  }
  75% {
    -webkit-filter: brightness(1.0) contrast(1.5) saturate(1.3) grayscale(0.15);
    filter: brightness(1.0) contrast(1.5) saturate(1.3) grayscale(0.15);
  }
}

@keyframes onyxDepth {
  0%, 100% {
    -webkit-filter: brightness(0.9) contrast(1.4) saturate(1.1) grayscale(0.2);
    filter: brightness(0.9) contrast(1.4) saturate(1.1) grayscale(0.2);
  }
  25% {
    -webkit-filter: brightness(1.1) contrast(1.6) saturate(1.4) grayscale(0.1);
    filter: brightness(1.1) contrast(1.6) saturate(1.4) grayscale(0.1);
  }
  50% {
    -webkit-filter: brightness(1.2) contrast(1.8) saturate(1.7) grayscale(0.05);
    filter: brightness(1.2) contrast(1.8) saturate(1.7) grayscale(0.05);
  }
  75% {
    -webkit-filter: brightness(1.0) contrast(1.5) saturate(1.3) grayscale(0.15);
    filter: brightness(1.0) contrast(1.5) saturate(1.3) grayscale(0.15);
  }
}

.onyx-depth {
  -webkit-animation: onyxDepth 6.2s ease-in-out infinite;
  animation: onyxDepth 6.2s ease-in-out infinite;
}