/************** BEGIN GLOBAL COLORS & VARIABLES CSS **************/

:root {
    --website-fonts: 'Outfit','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    --color: #D2E459; /* CHOSEN COLOR */
    --grey1: #F4F4F1; /* "anti-flash white" white-grey for text on blue/red bkgd */
    --grey2: #F6F5E7; /* light yellow-grey for text on green bkgd "alabaster" */
    --grey3: #ebe8e5; /* light warm grey for bkgd "platinum" */ 
    --grey4: #cdc1bb;
    --yellow: #fed351; /* "mustard" */
    --violet1: #57535a; /* "Davy's Grey " medium-dark purply-grey that contrasts well with FED351 yellow */
    --violet2: #3F2C2F; /* red-brown "black coffee" FINAL*/
    --violet3: #211b23; /* very dark red-brown "raisin black" FINAL*/
    --red1: #D7711F;
    --red2: #d64c50; /* Use for warnings on light background */
    --red3: #fc595e; /* Use for warnings on dark background */
    --red4: #C0606A;
    --green1: #D2E459; /* All greens from Nature Palette "maximum green yellow" */
    --green2: #91B247; /* "android green" */
    --green3: #80A142; /* "palm leaf" */
    --green4: #668D2E; /* "maximum green" */
    --green5: #697C2B; /* "mustard green" */
    --green6: #5a712e; /* "Dark Olive Green" */
    --blue1: #69A7C3;
    --blue2: #4791B2;
    --blue3: #445866;
    --purple1: #A58EC2;
    --purple2: #6342A1;
    --letter-spacing-2px: .2px;
    --letter-spacing-3px: .3px;
    --div-color: #C0606A; 
    --color-dark: var(--violet2); /* make same as violet2 */
    --color-light: var(--grey1); /* make same as grey1 */
    --color-warning: var(--red2);
    --color-banner-dark: var(--violet3);
    --color-button1-a-bkgd: var(--green5);
    --color-button1-a-text: var(--grey2);
    --color-button1-hover-bkgd: var(--yellow);
    --color-button1-hover-text: var(--color-dark);
    --color-footer-link-title: var(--red1);
    --color-footer-links-a: var(--violet1);
    --color-footer-links-hover: var(--red1);
    --color-footer-links-visited: var(--violet1);
    --color-menu-link: var(--color-dark);
    --color-menu-link-border: var(--green5);
    --color-menu-hover: var(--green3);
    --color-menu-active: var(--green3);
    --color-catalog-page-body: var(--color-dark);
    --color-catalog-page-title: var(--green5);
    --color-category-product-name-link: var(--color-dark);
    --color-category-product-name-hover: var(--red1);
    --color-filter-subtitle: var(--green3);
    --color-filter-content-link: var(--green5);
    --color-filter-content-hover: var(--red1);
    --color-filter-content-visited: var(--green5);
    --color-filter-content-active: var(--red1);
    --color-product-tab-link: var(--green3);
    --color-product-tab-hover: var(--blue2);
    --color-review-stars: var(--green2);
    --color-blog-body: var(--color-dark);
    --letter-spacing-adjustment: normal;
    --menu-border-top: none; /* 1px dotted var(--yellow) */
    --menu-border-bottom: 2px solid var(--grey3);
    --vh-sm: .5rem; /* 5px */
    --vh-med: 2rem; /* 40px */
    --vh-lg: 8rem; /* 100px */
    --vw-sm: .5rem; /* 5px */
    --vw-med: 2rem; /* 40px */
    --vw-lg: 4rem; /* 80px */
}
/************** END GLOBAL COLORS & variables CSS **************/