:root {
    --primary-color: #A2B518;
    --primary-color-rgb: 162, 181, 24;
    --primary-hover-color: #7A8C0E;
    --secondary-color: #C9A96E;
    --secondary-color-rgb: 201, 169, 110;
}
.loader-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #152629;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    transition: opacity 0.6s ease-out;
}
.loader-overlay.hidden {
    opacity: 0;
    pointer-events: none;
}
.loader-content {
    text-align: center;
}
.loader-spinner {
    width: 50px;
    height: 50px;
    border: 3px solid rgba(255,255,255,0.1);
    border-top-color: #A2B518;
    border-radius: 50%;
    animation: loaderSpin 0.8s linear infinite;
    margin: 0 auto 20px;
}
.loader-text {
    color: rgba(255,255,255,0.6);
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
    letter-spacing: 2px;
    text-transform: uppercase;
}
@keyframes loaderSpin {
    to { transform: rotate(360deg); }
}