/* ============================================================
   DISGUST — Color Variables & Ambient
   /weather/css/disgust.css
   ============================================================ */
:root {
    --storm-1: #d4956a;  --storm-2: #c57a3e;  --storm-3: #b35e26;  --storm-4: #7a3a1a;
    --storm-bg-1: rgba(212,149,106,0.12);  --storm-bg-2: rgba(197,122,62,0.15);
    --storm-bg-3: rgba(179,94,38,0.18);    --storm-bg-4: rgba(122,58,26,0.22);
    --storm-border-1: rgba(212,149,106,0.25);  --storm-border-2: rgba(197,122,62,0.30);
    --storm-border-3: rgba(179,94,38,0.35);    --storm-border-4: rgba(122,58,26,0.40);
}
.storm-icon { filter: drop-shadow(0 4px 20px rgba(211,84,0,0.3)); }
.storm-title {
    background: linear-gradient(135deg, #f5c6aa 0%, #d4956a 40%, #b35e26 100%);
    -webkit-background-clip: text; background-clip: text;
}

/* Heat shimmers */
.ambient-shimmer {
    position: absolute;
    width: 4px; height: 4px;
    background: rgba(211,149,80,0.12);
    border-radius: 50%; opacity: 0;
    animation: heatShimmer var(--dur, 6s) ease-in-out infinite;
    animation-delay: var(--delay, 0s);
}
@keyframes heatShimmer {
    0% { opacity: 0; transform: translateY(0) scale(1); }
    30% { opacity: var(--brightness, 0.25); transform: scale(1.5); }
    70% { opacity: var(--brightness, 0.25); transform: scale(1); }
    100% { opacity: 0; transform: translateY(-80px) scale(0.5); }
}