:root {
  --color-brand-blue: #1581BE;
  --color-brand-green: #45A32B;
  --color-brand-purple: #6A249E;
  --color-ink: #070605;
  --color-text: #2B2B2B;
  --color-background: #FFFFFF;
  --color-border: #E5E7EB;
  --color-blue-50: #E7F3FA;
  --color-green-50: #EAF7E7;
  --color-purple-50: #F1E8FA;
}

body {
  color: var(--color-text);
  background-color: var(--color-background);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-ink);
}

a {
  color: var(--color-brand-blue);
}

/* Primary CTAs - WooCommerce buttons, add to cart, checkout */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.site-header-cart .button {
  background-color: var(--color-brand-blue);
  color: #FFFFFF;
  border-color: var(--color-brand-blue);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background-color: #106a9c;
  color: #FFFFFF;
}

/* Secondary / success states - Green */
.woocommerce a.added_to_cart,
.woocommerce .woocommerce-message,
.woocommerce-store-notice {
  background-color: var(--color-brand-green);
  color: #FFFFFF;
  border-color: var(--color-brand-green);
}

/* Accent - Purple, sparse use only (e.g. sale badges) */
.onsale {
  background-color: transparent;
  color: var(--color-brand-purple);
  border: 1px solid var(--color-brand-purple);
}

/* Tint panels */
.site-branding,
.storefront-product-section {
  background-color: var(--color-blue-50);
}

/* Borders */
.woocommerce ul.products li.product,
.site-header,
.site-footer {
  border-color: var(--color-border);
}
