:root {
    --fibau-graphite: #1f2022;
    --fibau-black: #151719;
    --fibau-warm-white: #f7f4ef;
    --fibau-paper: #eeeae3;
    --fibau-concrete: #d6d2cc;
    --fibau-terracotta: #c8643a;
    --fibau-terracotta-dark: #a94c29;
    --fibau-text: #1f2022;
    --fibau-text-muted: #686867;
    --fibau-text-light: #f7f4ef;
    --fibau-border: rgba(31, 32, 34, .16);
    --fibau-border-light: rgba(247, 244, 239, .2);
    --fibau-display-font: "Arial Narrow", "Roboto Condensed", "Franklin Gothic Condensed", Impact, sans-serif;
    --fibau-body-font: Manrope, "Avenir Next", Avenir, "Segoe UI", sans-serif;
    --fibau-max-width: 1440px;
    --fibau-gutter: clamp(1.25rem, 4vw, 4rem);
    --fibau-section-space: clamp(4rem, 8vw, 7.5rem);
    --fibau-fast: 180ms ease;
    --fibau-slow: 420ms cubic-bezier(.2, .75, .25, 1);
}

.fibau-site--business {
    --fibau-header-bg: #151719;
    --fibau-header-text: #f7f4ef;
    --fibau-hero-bg: #151719;
    --fibau-hero-text: #f7f4ef;
}

.fibau-site--residential {
    --fibau-header-bg: #f7f4ef;
    --fibau-header-text: #1f2022;
    --fibau-hero-bg: #f7f4ef;
    --fibau-hero-text: #1f2022;
}