/* Anilife Theme Variables */
:root {
    --notify-bg: rgba(30, 27, 75, 0.95); /* Cosmic Violet */
    --notify-border: rgba(139, 92, 246, 0.4);
    --notify-success-bg: rgba(6, 78, 59, 0.95);
    --notify-warning-bg: rgba(120, 53, 15, 0.95);
    --notify-danger-bg: rgba(127, 29, 29, 0.95);
}

/* Cosmic Violet Body Background - Override theme CSS */
body {
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 40%, #4c1d95 100%) !important;
    background-attachment: fixed !important;
    color: #e0e7ff !important;
}

@media (max-width: 768px) {
    body {
        background-attachment: scroll !important; /* Fixed background causes shift on some mobile browsers */
    }
}

/* Common Layout Wrapper - Responsive */
.anilife-common-wrapper {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    transition: opacity 0.5s ease-out;
}

/* Desktop: 1400px max-width */
@media (min-width: 992px) {
    .anilife-common-wrapper {
        max-width: 1400px;
    }
}

.anilife-common-wrapper.content-cloak {
    opacity: 0;
}

.anilife-common-wrapper.visible {
    opacity: 1;
}