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

:root {
    --cosysm-guardian-bg: #fbf6ea;
    --cosysm-guardian-navy: #1d2742;
    --cosysm-guardian-accent: #2f5da8;
}

body {
    background-color: var(--cosysm-guardian-bg);
    font-family: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
}

.navbar {
    background-color: var(--cosysm-guardian-bg) !important;
    border-bottom-color: rgba(29, 39, 66, 0.15) !important;
}

.navbar-brand,
.nav-link {
    color: var(--cosysm-guardian-navy) !important;
}

.navbar-brand {
    font-weight: 700;
}

a {
    color: var(--cosysm-guardian-accent);
}

.btn-primary {
    background-color: var(--cosysm-guardian-navy);
    border-color: var(--cosysm-guardian-navy);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--cosysm-guardian-accent) !important;
    border-color: var(--cosysm-guardian-accent) !important;
}

footer.footer {
    background-color: var(--cosysm-guardian-bg);
    border-top-color: rgba(29, 39, 66, 0.15) !important;
}