:root {
//    --bfs-blue: #004a99;
    --bfs-blue: #000000;
//    --bfs-green: #4CAF50;
    --bfs-green: #209030;
//    --bfs-dark: #1a202c;
    --bfs-dark: #111122;
//    --bfs-light: #f7fafc;
    --bfs-light: #f0f9fc;
}

body { font-family: 'Segoe UI', Trebuchet ms, Tahoma, Geneva, Verdana, sans-serif; color: var(--bfs-dark); }

.header-top { background-color: var(--bfs-blue); color: white; font-size: 0.8rem; }

.nav-link:hover { color: var(--bfs-green); border-bottom: 2px solid var(--bfs-green); }

.btn-platinum {
    background-color: var(--bfs-green);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 50px;
    transition: transform 0.2s;
}

.btn-platinum:hover { transform: scale(1.05); background-color: #43a047; }

.hero-section {
//    background: linear-gradient(rgba(0, 74, 153, 0.8), rgba(0, 74, 153, 0.8)), 
                url('https://www.prfl.org/images/heroimage.png');

    background: linear-gradient(rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.5)), 
                url('https://www.prfl.org/images/heroimage.png');
    background-size: cover;
    color: #dddddd;
}