/* app/static/base.css */
:root {
    --fs-green: #25953f; 
    --fs-blue: #007bff;   
    --fs-white: #F8F9FA;
    --fs-accent: #20c997; 
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--fs-white);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.navbar-custom {
    background-color: var(--fs-green);
}

.navbar-brand, .nav-link {
    color: white !important;
}

.nav-link:hover {
    color: var(--fs-accent) !important;
}

.btn-primary-custom {
    background-color: var(--fs-blue);
    border: none;
    color: white;
}

.btn-secondary-custom {
    background-color: var(--fs-green);
    border: none;
    color: white;
}

/* Hero Section for Landing Page */
.hero-section {

    padding: 0; 
    
    /* Make it fill available vertical space */
    flex: 1; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('images/nick-fewings-YkEJWnACgFU-unsplash.jpg');
    background-size: cover;
    background-position: center 25%;
    color: white;
    min-height: 77vh;
}

footer {
    margin-top: auto;
}