/* Strict Token Variables Mapping */
        :root {
            --primary-blue: #0BA6DF;
            --dark-text: #0F0E0E;
            --white: #FFFFFF;
        }

        /* Enforce Unified Typography System Across Layout Engine */
        body, p, h1, h2, h3, h4, a, button, input, textarea, span {
            font-family: "Lora", serif !important;
        }

        body {
            background-color: var(--primary-blue);
            color: var(--dark-text);
            overflow-x: hidden;
            transition: background-color 0.5s ease, color 0.5s ease;
        }

        /* Custom Architectural Scrollbar Track */
        ::-webkit-scrollbar {
            width: 5px;
            height: 5px;
        }
        ::-webkit-scrollbar-track {
            background: var(--primary-blue);
        }
        ::-webkit-scrollbar-thumb {
            background: var(--dark-text);
        }

        /* Header Dynamic Underline Kinetics */
        .nav-link-underline {
            position: relative;
        }
        .nav-link-underline::after {
            content: '';
            position: absolute;
            width: 100%;
            transform: scaleX(0);
            height: 1px;
            bottom: -4px;
            left: 0;
            background-color: var(--white);
            transform-origin: bottom right;
            transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        }
        .nav-link-underline:hover::after {
            transform: scaleX(1);
            transform-origin: bottom left;
        }

        /* SPA Presentation Views Pipeline */
        .spa-view-section {
            display: none;
            opacity: 0;
            transform: translateY(15px);
            transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        }
        .spa-view-section.view-active {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }

        /* Fine Document Index Links (Footer Style Parameters) */
        .index-document-link {
            text-decoration: underline;
            text-underline-offset: 4px;
            text-decoration-thickness: 1px;
            transition: text-decoration-color 0.3s ease, text-decoration-thickness 0.3s ease, color 0.3s ease;
        }
        .index-document-link:hover {
            text-decoration-color: var(--primary-blue);
            text-decoration-thickness: 2px;
            color: var(--primary-blue);
        }
        @keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(18px);
        filter: blur(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

.animate-fadeUp {
    animation: fadeUp 0.9s ease-out forwards;
}