/* Poppins — local font files */
@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Theme: green */
:root {
    --font-family: "Poppins", sans-serif;
    --bs-primary: #16a34a;
    --bs-primary-rgb: 22, 163, 74;
    --bs-primary-text-emphasis: #14532d;
    --bs-primary-bg-subtle: #dcfce7;
    --bs-primary-border-subtle: #86efac;
    --bs-link-color: #16a34a;
    --bs-link-hover-color: #15803d;
    --theme-primary: #16a34a;
    --theme-primary-dark: #15803d;
    --theme-primary-light: #dcfce7;
    --theme-orange: #10b981;
    --theme-orange-dark: #059669;
    --theme-green: #4ade80;
    --theme-ink: #052e16;
    --theme-ink-mid: #14532d;
}

body,
button,
input,
select,
textarea {
    font-family: var(--font-family);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family);
}

.btn-primary {
    --bs-btn-bg: var(--theme-primary);
    --bs-btn-border-color: var(--theme-primary);
    --bs-btn-hover-bg: var(--theme-primary-dark);
    --bs-btn-hover-border-color: var(--theme-primary-dark);
    --bs-btn-active-bg: #166534;
    --bs-btn-active-border-color: #166534;
    --bs-btn-disabled-bg: var(--theme-primary);
    --bs-btn-disabled-border-color: var(--theme-primary);
}

.text-primary {
    color: var(--theme-primary) !important;
}

.bg-primary {
    background-color: var(--theme-primary) !important;
}

.border-primary {
    border-color: var(--theme-primary) !important;
}

/* Site header / responsive navbar */
.site-header .navbar {
    z-index: 1030;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.site-header .navbar-brand {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
    color: var(--theme-primary);
}

.site-header .navbar-brand:hover,
.site-header .navbar-brand:focus {
    color: var(--theme-primary-dark);
}

.site-header .nav-link {
    font-size: 0.95rem;
    font-weight: 500;
    color: #4a4a4a;
    padding: 0.5rem 0.85rem;
    transition: color 0.2s ease;
}

.site-header .nav-link:hover,
.site-header .nav-link:focus {
    color: var(--theme-primary);
}

.site-header .nav-link.active {
    color: var(--theme-primary);
    font-weight: 600;
}

.site-header .navbar-toggler {
    border: 1px solid #dee2e6;
    padding: 0.4rem 0.55rem;
    box-shadow: none;
}

.site-header .navbar-toggler:focus {
    box-shadow: 0 0 0 0.15rem rgba(var(--bs-primary-rgb), 0.25);
}

.sec_mb {
    margin-bottom: 2rem;
}

/* Mobile: stacked links with clear tap targets */
@media (max-width: 991.98px) {
    .site-header .navbar-collapse {
        margin-top: 0.75rem;
        padding-top: 0.5rem;
        border-top: 1px solid #eee;
    }

    .site-header .navbar-nav {
        padding-bottom: 0.5rem;
    }

    .site-header .nav-link {
        padding: 0.75rem 0.25rem;
        border-bottom: 1px solid #f0f0f0;
    }

    .site-header .nav-item:last-child .nav-link {
        border-bottom: none;
    }

    .site-header .nav-link.active {
        color: var(--theme-primary);
    }
}