:root {
    --color-footer-background: #000;
    --color-masterbar-background: #000;
    --color-masterbar-text: #fff;
    --color-topbar-text: #fff;
    --color-topbar-text-hover: #fff;
    --color-topbar-background: #000;
    --color-footer-link-text: #8c8c8c;
    --color-footer-link-text-hover: #c8c8c8;
    --height-topbar: 35px;
    --max-width: 1480px;
    --height-noticebar: 0px;
}

:root {
    --color-grey: #efefef;
    --color-black: #000;
}

/* Prevents horizontal rubber-band scroll on mobile if something briefly overflows
   the viewport width. Deliberately scoped to body only, NOT html -- overflow-x:hidden
   on both html and body together is a known trigger for iOS Safari breaking
   position:fixed/sticky children (the sticky masterbar, mobile nav overlay), causing
   them to detach or jump instead of staying pinned. */
body {
    overflow-x: hidden;
}