@import url("./static/css/base/_variables.css");
    @import url("./static/css/base/_global.css");
    @import url("./static/css/base/_typography.css");
    @import url("./static/css/utilities/_helpers.css");
    @import url("./static/css/layout/_header.css");
    @import url("./static/css/layout/_container.css");
    @import url("./static/css/layout/_footer.css");
    @import url("./static/css/layout/_grid-systems.css");
    @import url("./static/css/components/_buttons.css");
    @import url("./static/css/components/_forms.css");
    @import url("./static/css/components/_cards.css");
    @import url("./static/css/components/_menu-dropdown.css");
    @import url("./static/css/components/_image-comparer.css");
    @import url("./static/css/pages/_home.css");
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
    body { font-family: 'Inter', sans-serif; }
    
    /* Skeleton Loading - Local override/fallback if global is missing */
    .skeleton-loading {
        animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        background-color: #374151 !important;
        color: transparent !important;
        border-radius: 0.375rem;
        user-select: none;
        pointer-events: none;
        width: fit-content;
        display: inline-block;
    }
    @keyframes pulse {
        0%, 100% { opacity: 1; }
        50% { opacity: .5; }
    }