.splash-logo {
    font-size: 250px;
    font-weight: bold;
    font-family: sans-serif;
    color: #1E293B; /* Dark theme text color */
    position: relative;
    display: inline-block;
}

html.theme-light #html-splash-screen {
    background-color: #F8FAFC !important;
}

html.theme-light .splash-logo {
    color: #E2E8F0; /* Lighter base for the light theme */
}

.splash-logo::before {
    content: "ξ";
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
    background-image: linear-gradient(
        to bottom, 
        transparent 0%, 
        #3B82F6 40%, 
        #60A5FA 50%, 
        #3B82F6 60%, 
        transparent 100%
    );
    background-size: 100% 300%;
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(0 0 15px rgba(59, 130, 246, 0.8)) drop-shadow(0 0 30px rgba(59, 130, 246, 0.5));
    animation: sweepDown 1s ease-in-out forwards;
}

@keyframes sweepDown {
    0% { background-position: 0 -150%; }
    100% { background-position: 0 150%; }
}