:root {
  --c-danger: #FF3939;
  --c-danger-dark: #D92828;
  --c-danger-light: #FF6565;

  --c-success: #7ECB38;
  --c-success-dark: #4CB029;
  --c-success-light: #A5D74C;

  /* Backgrounds */
  --c-bg: #FBF7FB;
  --c-sidebar: #f9e9f7;
  --c-sidebar-dark: #F4E8F4;
  --c-sidebar-dark-hover: #F0DEF0;
  --c-sidebar-rgb: 248, 240, 248;

  /* Cards */
  --c-block: #FFFFFF;
  --c-block-border: #fbd8fb;

  --c-block-dark: #FBF7FB;
  --c-block-dark-border: #fbd8fb;

  --c-block-inner: #FDFBFD;
  --c-block-inner-hover: #F7EEF7;

  /* Text */
  --c-text: #837682;
  --c-text-highlighted: #312730;
  --c-text-light: #312730;

  /* Accent Colors */
  --c-primary: #E82FBF;
  --c-primary-dark: #C91FA4;
  --c-primary-light: #FF6EDD;

  --c-secondary: #ED3FD2;
  --c-secondary-dark: #D32AB8;
  --c-secondary-light: #FF8BE8;
}

.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);
}