:root {
  --c-danger: #FF3939;
  --c-danger-dark: #D92828;
  --c-danger-light: #FF6565;
  
  --c-success: #7ECB38;
  --c-success-dark: #4CB029;
  --c-success-light: #A5D74C;
  
  --c-bg: #FAFAF2;
  --c-sidebar: #FFFFFF;
  --c-sidebar-dark: #FFE3A0;
  --c-sidebar-dark-hover: #FFD983;
  --c-sidebar-rgb: 255, 255, 255;
  
  --c-block: #fff;
  --c-block-border: #FFEFC7;
  
  --c-block-dark: #FFF7E6;
  --c-block-dark-border: #FFEFC7;
  
  --c-block-inner: #FFF7E6;
  --c-block-inner-hover: #FFEFC7;
  
  --c-text: #97795F;
  --c-text-highlighted: #3A2A12;
  --c-text-light: #3A2A12;
  
/* DEMO COLOR SETTINGS
  --c-primary: #FF8C1A;
  --c-primary-dark: #E6720A;
  --c-primary-light: #FFA94D;
  
  --c-secondary: #FFC93C;
  --c-secondary-dark: #FFB800;
  --c-secondary-light: #FFD966};
  
 DEMO COLOR SETTINGS */
}
.button{
    color: #fff;
}
.button-primary{
    color: #fff;
}
.button-secondary{
    color: #fff;
}
.button-secondary:hover{
    color: #fff;
}
.button-primary:hover{
    color: #fff;
}
.copy-button:hover{
    background-color: var(--c-sidebar-dark);
}
.navbar-content{
    background-color: var(--c-sidebar);
    color: var(--c-text-highlighted);
}
.navbar-content:hover{
    background-color: var(--c-sidebar-dark);
}
.navbar-submenu li a {
    color: var(--c-text);
}
.navbar-submenu li a:hover {
    background-color: var(--c-sidebar-dark-hover);
}
.navbar-square{
    background-color: var(--c-sidebar-dark);
    color: var(--c-text-highlighted);
}
.currency-dropdown {
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.03);
}
.store-greeting{
    color: var(--c-text-highlighted);
    opacity: 0.6;
}
.creator-code-add {
    color: #fff;
}
.creator-code-add:hover {
    color: #fff;
}
.button-inner{
    color: var(--c-text);
}
.home-category-title {
    color: var(--c-text-highlighted) !important;
}
.info-text {
    color: var(--c-success-dark);
}
.progress-container {
    background: var(--c-sidebar-dark-hover);
}
.logout-button:hover{
    color: #fff;
}
.basket .basket-item{
    background-color: var(--c-sidebar-dark-hover);
}
.basket-quantity{
    background-color: var(--c-sidebar);
}
.basket-quantity:focus{
    background-color: var(--c-bg);
}
.home-grid-item:hover{
    background-color: var(--c-block-border);
}
.announcement-overlay{
    background: none;
}
.currency-button:hover{
    background-color: var(--c-sidebar);
}
.giftcard-field:focus{
    background-color: var(--c-sidebar);
}
.package-tag{
    color: var(--c-text);
}