html {
    scroll-behavior: auto !important;
    width: 100%;
    min-width: 100%;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    /* --green-dark: #1e4d35;
    --green-mid: #2d6a4f;
    --green-light: #7a9e87;
    --green-pale: #c8d8c8;
    --green-bg: rgb(46, 94, 78);
    --sage: #8faa8b; */
    /* --footer-bg: #2d4a35; */
    /* --green-logo: #2d7a4f; */
    /* --sage-bg: #8fa882; */
    
    /* Deep / headings / hover */
    --green-dark: #0e6f85;
    
    /* Main brand color (your chosen blue) */
    --green-mid: #16a5c6;
    
    /* UI elements / secondary buttons */
    --green-light: #63c3da;

    /* Cards / borders / soft backgrounds */
    --green-pale: #cfeff6;
    
    /* Section backgrounds (old green-bg equivalent) */
    --green-bg: #12839c;

    /* Muted neutral accent (old sage equivalent) */
    --sage: #8fbfcc;

    /* Footer / darkest section */
    --footer-bg: #0b5c6e;
    
    /* Logo tone */
    --green-logo: #1396b3;
    
    /* Page background tint */
    --sage-bg: #e8f7fb;
    --off-white: #f7f3ee;
    --text-dark: #1a1a1a;
    --text-mid: #444;
    --text-light: #888;
    --gallery-bg: #3a3a3a;
    --border: #d1d5db;
}

body {
    width: 100%;
    min-width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: "Poppins", sans-serif;
    color: var(--text-dark);
    background: #fff;
    overflow-x: hidden;
}

main {
    flex: 1;
    display: flex;
    flex-direction: column;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    display: block;
    max-width: 100%;
}

@media (max-width: 768px) {
    .hide-mobile {
        display: none !important;
    }
}