:root {
            --primary: #0A2540;
            --accent: #00B4D8;
            --light: #F8FAFC;
            --dark: #0F172A;
        }
        .dark {
            --primary: #0A2540;
            --accent: #00B4D8;
        }
        body {
            font-family: 'Inter', sans-serif;
        }
        .heading-font {
            font-family: 'Playfair Display', sans-serif;
        }
        .hero-bg {
            background-image: linear-gradient(rgba(10, 37, 64, 0.92), rgba(10, 37, 64, 0.85)), url('https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=2000&q=80');
            background-size: cover;
            background-position: center;
        }