:root { --brand:#418279; --brand-dark:#356d65; }
body { background-color:#f8f9fa; color:#2c2c2c; min-height:100vh; display:flex; flex-direction:column; }
main { flex:1; }
.navbar-light { background-color:#fff !important; }
.navbar-light .nav-link { color:#2c2c2c; font-weight:500; }
.navbar-light .nav-link:hover,.navbar-light .nav-link.active { color:var(--brand); }
.navbar-light .nav-link i { color:var(--brand); }
.btn-primary { background-color:var(--brand); border-color:var(--brand); }
.btn-primary:hover,.btn-primary:focus { background-color:var(--brand-dark); border-color:var(--brand-dark); }
.form-check-input:checked { background-color:var(--brand); border-color:var(--brand); }
a { color:var(--brand-dark); }
.site-card { border:0; box-shadow:0 .25rem .9rem rgba(0,0,0,.08); }
.hero-copy { max-width:850px; margin-inline:auto; }
.content-copy { max-width:900px; margin-inline:auto; }
.content-copy p,.content-copy li { line-height:1.75; }
.info-box { border-left:4px solid var(--brand); background:#eef7f5; }
.footer-app { color:#6c757d; background:#fff; border-top:1px solid #dee2e6; }
.footer-app a { color:inherit; text-decoration:none; }
.footer-app a:hover { color:var(--brand); }
.ad-container { min-height:90px; }
body.dark-mode { background:#121212; color:#eaeaea; }
body.dark-mode .card,body.dark-mode .modal-content,body.dark-mode .accordion-item { background:#1e1e1e; color:#eaeaea; }
body.dark-mode .navbar { background:#000 !important; border-bottom:1px solid #222 !important; }
body.dark-mode .navbar .nav-link { color:#eaeaea !important; }
body.dark-mode .navbar .nav-link:hover,body.dark-mode .navbar .nav-link.active { color:#6fc4b8 !important; }
body.dark-mode .navbar .nav-link i { color:#6fc4b8; }
body.dark-mode .form-control,body.dark-mode .form-select { background:#2a2a2a; color:#fff; border-color:#444; }
body.dark-mode .form-control::placeholder { color:#aaa; }
body.dark-mode .alert-info { background:#1b2a3a; color:#cfe2ff; border-color:#29435f; }
body.dark-mode .text-muted { color:#cfcfcf !important; }
body.dark-mode .info-box { background:#18302d; }
body.dark-mode .accordion-button { background:#252525; color:#eee; }
body.dark-mode .accordion-button:not(.collapsed) { background:#18302d; color:#fff; }
body.dark-mode .footer-app { background:#0b0b0b; color:#b5b5b5; border-top-color:#222; }
@media (max-width:991px){ .navbar-brand img{height:58px!important;} }