:root {
    --forest-green: #2F5D50;
    --graphite-gray: #616161;
    --moss-green: #7A9E7E;
    --earth-brown: #4E342E;
    --industrial-yellow: #FFB300;
    --steel-blue: #455A64;
    --light-bg: #f5f5f5;
}

body {
    color: var(--graphite-gray);
    background-color: #ffffff;
    font-family: "Segoe UI", Roboto, sans-serif;
}

.navbar {
    background-color: var(--graphite-gray);
}

.navbar a {
    color: #ffffff;
}

.btn-primary {
    background-color: var(--forest-green);
    border-color: var(--forest-green);
}

.btn-primary:hover {
    background-color: #254c41;
}

.btn-secondary {
    background-color: var(--moss-green);
    border-color: var(--moss-green);
    color: #fff;
}

.btn-secondary:hover {
    background-color: #6a8c6c;
}

.form-check-input {
    background-color: #fff;
    border: 1px solid var(--forest-green);
}

.form-check-input:checked {
    background-color: var(--forest-green);
    border-color: var(--forest-green);
}