:root {
    --gutter: 1rem;
    --max-width: 1200px;
    --bp-md: 700px; /* tablet breakpoint (max-width) */
    --bp-sm: 400px; /* mobile breakpoint (max-width) */
    --color-corporate: #D86C00;

    /* Header variables */
    --header-bg: #D86C00;
    --header-color: #ffffff;
    --header-font-size: 18px;

    /* Navbar variables */
    --navbar-bg: #ffffff;
    --navbar-color: #000000;
    --navbar-padding-y: 2rem;
    --navbar-padding-x: 2rem;
    --navbar-item-gap: 4rem;
    --navbar-font-size: 24px;

    /* Footer variables */
    --footer-bg: #ffffff;
    --footer-color-header: #646363;
    --footer-color-text: #000000;
}

/* Icon swap: white by default, orange on hover/active */
.icon-btn {
    display: inline-flex;
    align-items: center;
}
.icon-btn .gear-orange {
    display: none;
}
.icon-btn .gear-white {
    display: inline-block;
}
.icon-btn:hover .gear-white {
    display: none;
}
.icon-btn:hover .gear-orange {
    display: inline-block;
}
.icon-btn.active .gear-white {
    display: none;
}
.icon-btn.active .gear-orange {
    display: inline-block;
}