/* In css/custom-bootstrap.css */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* --- Primary Color Overrides --- */

/* Buttons */
.btn-primary {
    background-color: #55bf9f !important;
    border-color: #55bf9f !important;
    color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #3e9f83 !important;
    border-color: #3e9f83 !important;
}

.btn-outline-primary {
    color: #55bf9f;
    border-color: #55bf9f;
}

.btn-outline-primary:hover {
    background-color: #55bf9f;
    color: #ffffff;
}

/* Forms */
.form-control:focus {
    border-color: #55bf9f;
    box-shadow: 0 0 0 0.2rem rgba(85, 191, 159, 0.25);
}

/* Links */
a {
    color: #55bf9f;
}

a:hover {
    color: #3e9f83;
}

/* Text and Background Colors */
.text-primary {
    color: #55bf9f !important;
}

.bg-primary {
    background-color: #55bf9f !important;
}

.border-primary {
    border-color: #55bf9f !important;
}

/* --- Navbar Specifics --- */
.navbar,
.navbar-light {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e5e5;
}

.navbar .navbar-brand,
.navbar-nav .nav-link {
    color: #222222;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
    color: #55bf9f;
}