/* ============================================================
   SHAME — Color Variables & Ambient
   /weather/css/shame.css
   ============================================================ */
:root {
    --storm-1: #a87da0;  --storm-2: #8e5d85;  --storm-3: #73406c;  --storm-4: #4e2248;
    --storm-bg-1: rgba(168,125,160,0.12);  --storm-bg-2: rgba(142,93,133,0.15);
    --storm-bg-3: rgba(115,64,108,0.18);   --storm-bg-4: rgba(78,34,72,0.22);
    --storm-border-1: rgba(168,125,160,0.25);  --storm-border-2: rgba(142,93,133,0.30);
    --storm-border-3: rgba(115,64,108,0.35);   --storm-border-4: rgba(78,34,72,0.40);
}
.storm-icon-img { filter: drop-shadow(0 4px 20px rgba(128,57,115,0.3)); }
.storm-title {
    background: linear-gradient(135deg, #d0b0c8 0%, #a87da0 40%, #73406c 100%);
    -webkit-background-clip: text; background-clip: text;
}

/* Shadow pulses */
.ambient-shadow {
    position: absolute;
    width: 120px; height: 120px;
    background: radial-gradient(circle, rgba(160,100,150,0.08), transparent);
    border-radius: 50%; opacity: 0;
    animation: shadowPulse var(--dur, 10s) ease-in-out infinite;
    animation-delay: var(--delay, 0s);
}
@keyframes shadowPulse {
    0%, 100% { opacity: 0; transform: scale(0.8); }
    50% { opacity: var(--brightness, 0.12); transform: scale(1.3); }
}