/* 
 * UmmahWatch Design System - Background Patterns Component
 * Handles the ambient background graphics layer
 */

.bg-pattern-layer {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: 0.15;
    transition: opacity 1s ease;
    background-color: transparent;
}

/* Optional: Add a subtle vignette or gradient overlay if needed */
.bg-pattern-overlay {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(circle at center, transparent 0%, rgba(248, 250, 252, 0.4) 100%);
}

.dark-mode .bg-pattern-overlay {
    background: radial-gradient(circle at center, transparent 0%, rgba(2, 6, 23, 0.6) 100%);
}