:root {
            --primary-color: #223777;
            --primary-light: #3b4f8f;
            --primary-dark: #1a2b5c;
        }
        
        .custom-primary { color: var(--primary-color); }
        .custom-primary-bg { background-color: var(--primary-color); }
        .custom-primary-light-bg { background-color: var(--primary-light); }
        .custom-primary-border { border-color: var(--primary-color); }
        
        .hero-section {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);
        }
        
        .nav-link:hover {
            color: var(--primary-color);
            transform: translateY(-2px);
            transition: all 0.3s ease;
        }
        
        .section-highlight {
            border-left: 4px solid var(--primary-color);
        }
        
        .interactive-card {
            transition: all 0.3s ease;
            border: 1px solid #e5e7eb;
        }
        
        .interactive-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(34, 55, 119, 0.15);
            border-color: var(--primary-color);
        }
        
        .faq-item {
            border-bottom: 1px solid #e5e7eb;
        }
        
        .faq-item:last-child {
            border-bottom: none;
        }
        
        html {
            scroll-behavior: smooth;
        }