:root {
    --sahara-dark: #1F1F1F;
}

html.sahara-locked, body.sahara-locked {
    overflow: hidden !important;
    height: 100vh !important;
}

#sahara-loader {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    z-index: 2147483647; pointer-events: all;
    /* Soft blur for premium feel */
    backdrop-filter: saturate(1.05); 
}

/* --- GRADIENT STRATUM LAYERS --- */
.sahara-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; will-change: transform; }

/* 1. Light Sand (Top) */
.sahara-layer-1 { background: linear-gradient(135deg, #E6E0D4 0%, #EDE7DC 100%); z-index: 5; }
/* 2. Soft Gold */
.sahara-layer-2 { background: linear-gradient(135deg, #D4C5A9 0%, #CDBDA0 100%); z-index: 4; }
/* 3. Deep Bronze */
.sahara-layer-3 { background: linear-gradient(135deg, #C2AB88 0%, #B8A07C 100%); z-index: 3; }
/* 4. Dark Earth (Bottom) */
.sahara-layer-4 { background: linear-gradient(135deg, #AFA083 0%, #9C8E73 100%); z-index: 2; }

/* --- CONTENT --- */
.sahara-content {
    position: relative; z-index: 10;
    width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: center;
    pointer-events: none; 
}

/* LOGO */
.sahara-logo-wrap { 
    position: relative; 
    /* ✅ Start fully visible for the new page load */
    opacity: 1; 
    transform: scale(1); 
    will-change: opacity, transform;
}

.sahara-logo { 
    width: 140px !important; 
    height: auto; 
    display: block;
    filter: drop-shadow(0 15px 30px rgba(0,0,0,0.15));
}

/* Mobile Tweak */
@media (max-width: 768px) {
    .sahara-logo { width: 110px !important; }
}