@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Roboto+Slab:wght@100..900");
@layer override {
    :root[data-theme="designer"] {
        --hr-brand-primary-color: rgb(0, 0, 0);
        --hr-brand-primary-content-color: rgb(255, 255, 255);
        --hr-primary-color: rgb(224, 43, 36);
        --hr-primary-content-color: rgb(255, 255, 255);
        --hr-secondary-color: rgb(0, 0, 0);
        --hr-secondary-content-color: rgb(255, 255, 255);
    }
    :root[data-theme="designer"] {
        --hr-brand-logo-image: url("https://redesignerprodc8661.blob.core.windows.net/7639409/assets/heights-logo-_kfBG8e2.png");
    }
    :root[data-theme="designer"] {
        --hr-body-font-family: "Roboto Slab", serif;
        --hr-heading-font-family: "Roboto Slab", serif;
    }
    :root[data-theme="designer"] {
    }
    :root[data-theme="designer"] {
    }
    :root[data-theme="designer"] {
        --hr-footer-color: rgb(0, 0, 0);
        --hr-footer-content-color: rgb(255, 255, 255);
    }
    :root[data-theme="designer"] {
    }
    :root[data-theme="designer"] {
        --hr-menu-item-layout: vertical;
    }
}