/* --- BRAND COLORS --- */
        :root {
            --color-primary: #145583;
            /* Deep Blue */
            --color-secondary: #0194CF;
            /* Bright Cyan */
            --color-dark: #2B2A29;
            /* Near Black */
            --color-light: #FFFFFF;
            /* White */
            --font-inter: 'Inter', sans-serif;
        }

        /* Base Styles */
        body {
            font-family: var(--font-inter);
            color: var(--color-dark);
            background-color: var(--color-light);
            overflow-x: hidden;
        }

        /* Utility Classes */
        .text-primary {
            color: var(--color-primary);
        }

        .bg-primary {
            background-color: var(--color-primary);
        }

        .border-primary {
            border-color: var(--color-primary);
        }

        .text-secondary {
            color: var(--color-secondary);
        }

        .bg-secondary {
            background-color: var(--color-secondary);
        }
        
        .text-dark {
            color: var(--color-dark);
        }

        .bg-dark {
            background-color: var(--color-dark);
        }

        .text-light {
            color: var(--color-light);
        }
        
        .bg-light {
            background-color: var(--color-light);
        }

        /* --- GLOBAL ANIMATIONS --- */
        .animated-item {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }

        .animated-item.is-visible {
            opacity: 1;
            transform: translateY(0);
        }

        .footer-icon a:hover{
            color: var(--color-secondary);
        }