
        body { font-family: 'Open Sans', sans-serif; }
        h1, h2, h3 { font-family: 'Roboto Slab', serif; }
        .bg-primary { background-color: #2563eb; } /* blue-600 */
        .text-primary { color: #2563eb; }
        .bg-secondary { background-color: #eff6ff; } /* blue-50 */
        .hero-bg {
            background-image: url('../img/hero.jpg');
            background-size: cover;
            background-position: center;
        }
        .tab-button.active {
            border-color: #2563eb;
            background-color: #2563eb;
            color: white;
        }