:root {
            --amber: #FFAA00;
            --cream: #FEFFD3;
            --sky-blue: #3A9AFF;
            --navy: #134E8E;
        }
        body {
            background-color: var(--cream);
            color: var(--navy);
            scroll-behavior: smooth;
        }
        .bg-navy { background-color: var(--navy); }
        .bg-amber { background-color: var(--amber); }
        .bg-sky { background-color: var(--sky-blue); }
        .text-amber { color: var(--amber); }
        .text-navy { color: var(--navy); }
        .border-amber { border-color: var(--amber); }
        
        .hero-gradient {
            background: linear-gradient(rgba(19, 78, 142, 0.85), rgba(19, 78, 142, 0.7)), 
                        url('https://images.unsplash.com/photo-1504280390367-361c6d9f38f4?auto=format&fit=crop&q=80&w=2000');
            background-size: cover;
            background-position: center;
        }

        .btn-hover {
            transition: all 0.3s ease;
        }
        .btn-hover:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(255, 170, 0, 0.4);
        }

        .service-card:hover {
            border-color: var(--sky-blue);
            transform: translateY(-5px);
        }