:root {
  --we-text-rgb: 51, 65, 85;

  --we-header-bg: #ffffff;
  --we-header-text: var(--we-accent);
  --we-header-span: var(--we-white);

  --we-accent: #e22a63;
  --we-accent-hover: #be123c;
  --we-accent-soft: rgba(225, 29, 72, 0.08);
  --we-accent-rgb: 225, 29, 72;

  --we-secondary: #475569;
  --we-secondary-hover: #334155;
  --we-secondary-soft: rgba(71, 85, 105, 0.12);
  --we-secondary-rgb: 71, 85, 105;

  --we-link: var(--we-accent);
  --we-link-hover: var(--we-secondary);
  
    /* Navigation */
  --we-nav-text: var(--we-black);
  --we-nav-hover: var(--we-black);
  --we-nav-hover-underline: var(--we-accent);

  --we-nav-dropdown-bg-hover: var(--we-secondary);
  --we-nav-dropdown-hover: var(--we-white);

  --we-on-accent: #ffffff;
  --we-on-secondary: #ffffff;
  --we-on-dark: #ffffff;
  --we-on-light: #111111;
  --we-gray: #808080;

  --we-border: rgba(15, 23, 42, 0.10);
  --we-shadow-soft: 0 4px 18px rgba(15, 23, 42, 0.06);

  --we-footer-content: var(--we-secondary);
  --we-footer-content-rgb: var(--we-secondary-rgb);
  --we-footer-legal-bg: var(--we-on-light);
  --we-footer-legal-rgb: var(--we-accent-rgb);
  --we-footer-legal-text: #d1d5db;
}

.header .logo img {
  max-height: 50px !important;
}
.cart-dropdown .btn-checkout {
  display: block;
  padding: .65rem 1rem;
  background-color: var(--we-accent) !important;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  border-radius: .5rem;
  transition: background-color .2s ease, color .2s ease;
}

.cart-dropdown .btn-checkout:hover,
.cart-dropdown .btn-checkout:focus-visible {
  background-color: var(--we-secondary) !important;
  color: #fff !important;
  text-decoration: none;
}