/* Fonts (override Bootstrap + template) */
:root{
    /* brand colour – hit both systems */
    --bs-primary: #7f8379;   /* Bootstrap’s token */
    --primary: #7f8379;   /* Template’s token  */
    --bs-font-sans-serif: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

}

/* Body + headings (Bootstrap sets these) */
body{ font-family: var(--bs-font-sans-serif) !important; color:#222; }
h1,h2,h3,h4,h5,h6{
    font-family: 'Comfortaa', sans-serif !important;
}

h1 {
    color: #2c2922;
}

h3 {
    color:#7F8071;
}

h4 {
    color:#DEC48B;
}

p {
    color:#7F8071;
}

/* Buttons (Bootstrap classes) */
.btn-primary{
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

/* Links */
a{ color: var(--bs-dark) !important; }
a:hover{
    color: #B2B09C !important;
    opacity:.85; }

/* Navbar colours from the template */
.navbar .navbar-nav .nav-link{ color: #7f8071 !important; }
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active{ color:#B2B09C !important; }

.hero-section {
    min-height: 80vh;
    padding-top: 6rem;
    padding-bottom: 6rem;
    display: flex;
    align-items: center;
}