:root { --main-foreground: #0d0f0f; --main-background: #ffffff; --accent-color: #81d146; --secondary-color: #fbfbfb; --button-background: #81d146; --button-foreground: #0d0f0f; --label-background: #81d146; --label-foreground: #2d5212; --adbar-background: #ffffff; --adbar-foreground: #0d0f0f; --header-background: #252525; --header-foreground: #81d146; --header-badge-background: #707980; --header-badge-foreground: #81d146; --header-foreground-opacity-10: #81d1461A; --header-foreground-opacity-50: #81d14680; --nav-desktop-background: #2d5212; --nav-desktop-foreground: #ffffff; --footer-background: #0d0f0f; --footer-foreground: #FFFFFF; --brands-background: ; --brands-foreground: ; --featured-background: #FFFFFF; --featured-foreground: #333333; --new-background: #FFFFFF; --new-foreground: #333333; --sale-background: #FFFFFF; --sale-foreground: #333333; --promotion-background: #FFFFFF; --promotion-foreground: #333333; --best-seller-background: #FFFFFF; --best-seller-foreground: #333333; --newsletter-background: #333333; --newsletter-foreground: #FFFFFF; --welcome-background: #F4F4F4; --welcome-foreground: #333333; --institutional-background: #F4F4F4; --institutional-foreground: #333333; --success: #4bb98c; --danger: #dd7774; --warning: #dc8f38; --info: #3d9ccc; --heading-font: "Lato", sans-serif; --body-font: "Lato", sans-serif; --font-huge: 28px; --font-largest: 23px; --font-large: 20px; --font-big: 18px; --font-base: 16px; --font-small: 14px; --font-smallest: 12px; --title-font-weight: 700; --gutter: 15px; --guter-container: 15px; --guter-container-md: 40px; --gutter-negative: calc(var(--gutter) * -1); --gutter-half: calc(var(--gutter) / 2); --gutter-half-negative: calc(var(--gutter) * -1 / 2); --gutter-double: calc(var(--gutter) * 2); --border-radius: 4px; --border-radius-half: calc(var(--border-radius) / 2); --border-radius-quarter: calc(var(--border-radius) / 4); --border-solid: 1px solid; --border-dashed: 1px dashed; --shadow-distance: 0 0 5px; }