/* © 2026 iPrime | CssUiCoreLayers.css */

/* === COSMIC CANVAS === */

.Cosmic-Canvas {
    position: fixed;
    inset: 0;
    inline-size: 100vw;
    block-size: 100vh;
    z-index: var(--prime-z-index-base);
    pointer-events: none;
    
    /* === PREMIUM FADE-IN === */
    opacity: 0;
    will-change: opacity;
    transition: opacity var(--prime-duration-2000) var(--prime-ease-smooth-out);
    
    /* === REVEALED STATE === */
    &.is-Revealed {
        opacity: 1;
    }
}

/* === APP SHELL === */

.App-Shell {
    position: relative;
    z-index: var(--prime-z-index-base);
    min-block-size: 100dvh;
    display: flex;
    flex-direction: column;
}

/* === PRIME CONTAINER === */

.Prime-Container {
    flex: 1;
    inline-size: 100%;
    max-inline-size: var(--prime-max-width-1400);
    margin-inline: auto;
    padding: var(--prime-padding-fluid-24-40);
}

/* === END OF LAYER STYLES === */