:root {
    --bg: #112127;
    --secondary-color: #6c757d;
    --background-color: #f8f9fa;
    --text-color: #fff;
    --primary-btn: #2E9754;
    --secondary-btn: #242F33;
    --primary-btn-hover: #53b677b2;
    --secondary-btn-hover: #2a363abb;
    --input-bg: #ffffff2c;
}

/* Page transition veil between full-page navigations */
@media (prefers-reduced-motion: no-preference) {
    @keyframes page-veil-reveal {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            visibility: hidden;
        }
    }

    @keyframes page-veil-cover {
        0% {
            opacity: 0;
            visibility: visible;
        }
        100% {
            opacity: 1;
            visibility: visible;
        }
    }

    html::after {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 2147483000;
        background: #0d1a1f;
        pointer-events: none;
        animation: page-veil-reveal 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }

    html.is-leaving::after {
        animation: page-veil-cover 0.3s ease forwards;
        pointer-events: auto;
    }
}