/* Opacity & Visual Effects Utilities */

.opacity-10 { opacity: 0.1; }
.opacity-40 { opacity: 0.4; }
.opacity-70 { opacity: 0.7; }
.opacity-80 { opacity: 0.8; }
.opacity-90 { opacity: 0.9; }

.dot-pattern {
    opacity: 0.1;
    background-image: radial-gradient(circle at 1px 1px, white 1px, transparent 0);
    background-size: 20px 20px;
}

.icon-inverted {
    filter: brightness(0) invert(1);
}