body.dark {
    --menu-color: #5a6670;
    --scroll-color: var(--color-orange);
}
body.retail {
    --scroll-color: var(--color-orange);
}

body {
    --size-4: 4px;
    --size-28: 28px;

    --size-36: 36px;
    --size-112: 112px;
    --active-tab-text-color: black;
    --tab-text-color: black;
}

#seo-text-field {
    display: flex;
    padding: 0px var(--section-space);
}

@font-face {
    font-family: 'Bento-Bold';
    src: url('fonts/BentonSans-Bold.otf');
}

@font-face {
    font-family: 'Bento-Book';
    src: url('fonts/BentonSans-Book.otf');
}

@font-face {
    font-family: 'Bento';
    src: url('fonts/BentonSans-Regular.otf');
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('fonts/HelveticaNeueLTStd-Roman.otf');
}