:root {
    --ty-primary-color: #7b6842;
    --ty-secondary-color: #d49413;
    --ty-tertiary-color: #ccb78d;
    --ty-body-bgcolor: #333333;
    --ty-border-color: #eeeeee;
    --ty-border-width: 2px;
    --ty-border-radius: 4px;
    --ty-border-radius-big: 20px;
    --ty-shadow-color: #cccccc;
    --ty-content-padding: 20px;
    --ty-site-layout-1-bgcolor: #ffffff;
    --ty-site-layout-1-margin: 40px 0;
    --ty-site-layout-1-border-color: var(--ty-border-color);
    --ty-site-layout-1-border-width: var(--ty-border-width);
    --ty-site-layout-1-border-radius: 5px;
    --ty-site-layout-1-shadow-color: var(--ty-shadow-color);
    --ty-spacing-extra-small: 0.5rem;
    --ty-spacing-small: 1rem;
    --ty-spacing-medium: 2rem;
    --ty-spacing-large: 4rem;
    --ty-spacing-extra-large: 8rem;
    --ty-body-font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --ty-body-font-size: 16px;
    --ty-body-font-weight: normal;
    --ty-body-line-height: 1.5;
    --ty-body-color: #eeeeee;
    --ty-link-color: var(--ty-primary-color);
    --ty-h1-font-family: Lobster, sans-serif;
    --ty-h1-font-size: 54px;
    --ty-h1-font-weight: 700;
    --ty-h1-line-height: 1.2;
    --ty-h1-color: var(--ty-primary-color);
    --ty-h2-font-family: var(--ty-body-font-family);
    --ty-h2-font-size: 42px;
    --ty-h2-font-weight: 300;
    --ty-h2-line-height: 1.2;
    --ty-h2-color: var(--ty-secondary-color);
    --ty-h3-font-family: var(--ty-body-font-family);
    --ty-h3-font-size: 26px;
    --ty-h3-font-weight: normal;
    --ty-h3-line-height: 1.2;
    --ty-h3-color: var(--ty-tertiary-color);
    --ty-h4-font-family: var(--ty-body-font-family);
    --ty-h4-font-size: 20px;
    --ty-h4-font-weight: normal;
    --ty-h4-line-height: 1.2;
    --ty-h4-color: var(--ty-body-color);
    --ty-xs-font-size-basis: 14px;
    --ty-sm-font-size-basis: 16px;
    --ty-md-font-size-basis: 16px;
    --ty-lg-font-size-basis: 16px;
    --ty-xl-font-size-basis: 16px;
    --ty-xxl-font-size-basis: 18px;
    --ty-layout1-color: #ffffff;
    --ty-layout1-linkcolor: var(--ty-link-color);
    --ty-layout1-h1-color: var(--ty-layout1-color);
    --ty-layout1-h2-color: var(--ty-body-color);
    --ty-layout1-h3-color: var(--ty-body-color);
    --ty-layout1-h4-color: var(--ty-body-color);
    --ty-layout1-bgcolor: var(--ty-primary-color);
    --ty-layout1-iconcolor: var(--ty-layout1-color);
    --ty-layout2-color: var(--ty-body-bgcolor);
    --ty-layout2-linkcolor: var(--ty-link-color);
    --ty-layout2-h1-color: var(--ty-layout2-color);
    --ty-layout2-h2-color: var(--ty-layout2-color);
    --ty-layout2-h3-color: var(--ty-layout2-color);
    --ty-layout2-h4-color: var(--ty-layout2-color);
    --ty-layout2-bgcolor: #eeeeee;
    --ty-layout2-iconcolor: var(--ty-primary-color);
    --ty-layout3-color: #ffffff;
    --ty-layout3-linkcolor: var(--ty-link-color);
    --ty-layout3-h1-color: var(--ty-layout3-color);
    --ty-layout3-h2-color: var(--ty-layout3-color);
    --ty-layout3-h3-color: var(--ty-layout3-color);
    --ty-layout3-h4-color: var(--ty-layout3-color);
    --ty-layout3-bgcolor: #8d9e6c;
    --ty-layout3-iconcolor: #ffffff;
    --ty-layout4-color: #ffffff;
    --ty-layout4-linkcolor: var(--ty-link-color);
    --ty-layout4-h1-color: var(--ty-layout4-color);
    --ty-layout4-h2-color: var(--ty-layout4-color);
    --ty-layout4-h3-color: var(--ty-layout4-color);
    --ty-layout4-h4-color: var(--ty-layout4-color);
    --ty-layout4-bgcolor: transparent;
    --ty-layout4-iconcolor: #ffffff;
    --ty-layout5-color: #ffffff;
    --ty-layout5-linkcolor: var(--ty-link-color);
    --ty-layout5-h1-color: var(--ty-layout5-color);
    --ty-layout5-h2-color: var(--ty-layout5-color);
    --ty-layout5-h3-color: var(--ty-layout5-color);
    --ty-layout5-h4-color: var(--ty-layout5-color);
    --ty-layout5-bgcolor: var(--ty-primary-color);
    --ty-layout5-bgcolor2: var(--ty-secondary-color);
    --ty-layout5-bggradient-direction: 90deg;
    --ty-layout5-iconcolor: #ffffff;
    --ty-layout6-color: #ffffff;
    --ty-layout6-linkcolor: var(--ty-layout6-color);
    --ty-layout6-h1-color: var(--ty-layout6-color);
    --ty-layout6-h2-color: var(--ty-layout6-color);
    --ty-layout6-h3-color: var(--ty-layout6-color);
    --ty-layout6-h4-color: var(--ty-layout6-color);
    --ty-layout6-bgcolor: var(--ty-tertiary-color);
    --ty-layout6-bggradient-direction: 90deg;
    --ty-layout6-iconcolor: #ffffff;
    --ty-mainnav-link-color: var(--ty-body-color);
    --ty-mainnav-link-hover-color: var(--ty-tertiary-color);
    --ty-mainnav-link-active-color: var(--ty-tertiary-color);
    --ty-mainnav-link-border-color: var(--ty-tertiary-color);
    --ty-mainnav-bgcolor: var(--ty-body-bgcolor);
    --ty-mainnav-border-color: var(--ty-body-bgcolor);
    --ty-subnav-link-color: var(--ty-mainnav-link-color);
    --ty-subnav-link-hover-color: var(--ty-mainnav-link-hover-color);
    --ty-subnav-link-hover-bgcolor: transparent;
    --ty-subnav-link-active-color: var(--ty-mainnav-link-active-color);
    --ty-subnav-link-active-bgcolor: transparent;
    --ty-subnav-link-border-color: var(--ty-mainnav-link-border-color);
    --ty-subnav-bgcolor: var(--ty-mainnav-bgcolor);
    --ty-page-footer-color: #dddddd;
    --ty-page-footer-heading-color: #ffffff;
    --ty-page-footer-link-color: #dddddd;
    --ty-page-footer-bgcolor: #333333;
    --ty-page-footer-default-color: #ffffff;
    --ty-page-footer-default-link-color: #ffffff;
    --ty-page-footer-default-bgcolor: #2b2b2b;
    --ty-box-padding: var(--ty-content-padding);
    --ty-box-border-width: var(--ty-border-width);
    --ty-box-border-color: var(--ty-border-color);
    --ty-box-shadow-color: var(--ty-shadow-color);
    --ty-teaser-padding: var(--ty-content-padding);
    --ty-teaser-color: var(--ty-body-color);
    --ty-teaser-linkcolor: var(--ty-link-color);
    --ty-teaser-border-width: var(--ty-border-width);
    --ty-teaser-border-color: var(--ty-border-color);
    --ty-teaser-border-radius: var(--ty-border-radius);
    --ty-teaser-shadow-color: var(--ty-shadow-color);
    --ty-teaser-iconcolor: var(--ty-primary-color);
    --ty-teaser-highlight-color: #ffffff;
    --ty-teaser-highlight-linkcolor: #ffffff;
    --ty-teaser-highlight-bgcolor: var(--ty-primary-color);
    --ty-teaser-highlight-icon-primary-color: var(--ty-teaser-highlight-color);
    --ty-teaser-highlight-icon-secondary-color: var(--ty-teaser-highlight-color);
    --ty-teaser-category-color: #FFFFFF;
    --ty-teaser-category-bgcolor: #6c757d;
    --ty-listitem-padding: var(--ty-content-padding);
    --ty-listitem-color: var(--ty-primary-color);
    --ty-listitem-linkcolor: var(--ty-secondary-color);
    --ty-listitem-bgcolor: #ffffff;
    --ty-listitem-icon-color: var(--ty-primary-color);
    --ty-listitem-highlight-color: #E35444;
    --ty-listitem-highlight-linkcolor: var(--ty-listitem-highlight-color);
    --ty-listitem-highlight-icon-color: var(--ty-listitem-highlight-color);
    --ty-listitem-highlight-bgcolor: var(--ty-primary-color);
    --ty-gallery-gutter-width: var(--ty-content-padding);
    --ty-gallery-lightbox-overlay-bgcolor: #000000;
    --ty-gallery-lightbox-navigation-color: #FFFFFF;
    --ty-gallery-lightbox-caption-color: #FFFFFF;
    --ty-gallery-lightbox-caption-bgcolor: #000000;
    --ty-textbox-padding: var(--ty-content-padding);
    --ty-textbox-color: var(--ty-body-color);
    --ty-textbox-linkcolor: var(--ty-link-color);
    --ty-textbox-bgcolor: var(--ty-body-bgcolor);
    --ty-textbox-border-width: var(--ty-border-width);
    --ty-textbox-border-color: var(--ty-border-color);
    --ty-textbox-shadow-color: var(--ty-shadow-color);
    --ty-textbox-highlight-color: #ffffff;
    --ty-textbox-highlight-linkcolor: #ffffff;
    --ty-textbox-highlight-bgcolor: var(--ty-primary-color);
    --ty-textbox-boxed-color: #FFFFFF;
    --ty-textbox-boxed-linkcolor: #FFFFFF;
    --ty-textbox-boxed-bgcolor: var(--ty-primary-color);
    --ty-textbox-badge-color: #FFFFFF;
    --ty-textbox-badge-linkcolor: #FFFFFF;
    --ty-textbox-badge-bgcolor: var(--ty-primary-color);
    --ty-productteaser-padding: var(--ty-content-padding);
    --ty-productteaser-color: var(--ty-body-color);
    --ty-productteaser-linkcolor: var(--ty-link-color);
    --ty-productteaser-bgcolor: var(--ty-body-bgcolor);
    --ty-productteaser-border-width: var(--ty-border-width);
    --ty-productteaser-shadow-color: var(--ty-shadow-color);
    --ty-contactbox-padding: 0.2rem 0;
    --ty-contactbox-color: var(--ty-body-color);
    --ty-contactbox-label-color: var(--ty-body-color);
    --ty-contactbox-icon-color: var(--ty-primary-color);
    --ty-contactbox-iconstack-color: #FFFFFF;
    --ty-contactbox-iconstack-bgcolor: var(--ty-primary-color);
    --ty-table-cell-padding: .75rem;
    --ty-table-cell-padding-sm: .3rem;
    --ty-table-bg: transparent;
    --ty-table-accent-bg: rgba(51,51,51,0.1);
    --ty-table-hover-bg: rgba(51,51,51,0.2);
    --ty-table-active-bg: var(--ty-table-hover-bg);
    --ty-table-border-width: var(--ty-border-width);
    --ty-table-border-color: var(--ty-border-color);
    --ty-table-dark-color: #FFFFFF;
    --ty-table-dark-bg: #333333;
    --ty-table-dark-accent-bg: #FFFFFF22;
    --ty-table-dark-hover-bg: #FFFFFF44;
    --ty-table-dark-active-bg: var(--ty-table-dark-hover-bg);
    --ty-table-dark-border-color: #555555;
    --ty-input-color: var(--ty-body-color);
    --ty-input-bg: var(--ty-body-bgcolor);
    --ty-input-border-color: var(--ty-border-color);
    --ty-input-border-width: var(--ty-border-width);
    --ty-input-border-radius: var(--ty-border-radius);
    --ty-input-focus-border-color: var(--ty-primary-color);
    --ty-input-placeholder-color: var(--ty-border-color);
}