/*
 * main.css
 * REFACTORED: Removed dead imports, fixed cascade order.
 */

/* =================================================================
   1. BASE LAYER
   ================================================================= */
@import url('./1_base/_variables.css');
@import url('./1_base/_themes.css');
@import url('./1_base/_reset.css');

/* =================================================================
   2. LAYOUT LAYER
   ================================================================= */
@import url('./2_layout/_app-shell.css');
@import url('./2_layout/_mode-switching.css');
@import url('./2_layout/_z-index.css');
@import url('./2_layout/_responsive.css');

/* =================================================================
   3. COMPONENTS LAYER
   ================================================================= */
@import url('./3_components/_page.css');
@import url('./3_components/_nav.css');
@import url('./3_components/_buttons.css');
@import url('./3_components/_card.css');
@import url('./3_components/_compositions.css');
@import url('./3_components/_contact.css');
@import url('./3_components/_grids.css');
@import url('./3_components/_tags.css');
@import url('./3_components/_about.css');
@import url('./3_components/_blog.css');
@import url('./3_components/_modal.css');
@import url('./3_components/_terminal.css');

/* =================================================================
   4. THEMES LAYER
   ================================================================= */
@import url('./4_themes/_aegis.css');

/* =================================================================
   5. UTILITIES LAYER
   ================================================================= */
@import url('./5_utilities/_helpers.css');

/* =================================================================
   THEME TRANSITION OVERLAY
   ================================================================= */
.theme-transition {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-bg-solid);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.theme-transition.active {
    display: flex;
}

.transition-text {
    color: var(--color-accent);
    font-size: 16px;
    margin-bottom: 16px;
    text-shadow: 0 0 10px rgba(var(--color-accent-rgb), 0.3);
}

.transition-progress {
    width: 300px;
    height: 4px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    overflow: hidden;
}

.transition-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--color-accent), var(--color-accent-hover));
    width: 0%;
    transition: width 0.1s ease-out;
}

/* =================================================================
   MOBILE PERFORMANCE FIX
   ================================================================= */
@media (max-width: 768px) {
    #intro-container {
        display: none !important;
        visibility: hidden !important;
    }
    
    #gui-container {
        opacity: 1 !important;
        visibility: visible !important;
    }
}