:root {
  /* ---- Brand palette (edit these) ---- */
  --brand-primary: #e30613;      /* red — matches your current logo */
  --brand-secondary: #1a1a1a;    /* near-black */
  --brand-accent: #f5f5f5;       /* light background */
  --brand-text: #222222;
  --brand-text-muted: #666666;

  /* ---- Typography (edit these) ---- */
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;
}

/* Sitewide overrides — pulls Elementor & OceanWP elements onto the tokens above */
body {
  font-family: var(--font-body);
  color: var(--brand-text);
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
}
a, .elementor-button, .woocommerce a.button, .add_to_cart_button {
  color: var(--brand-primary);
}
.elementor-button, .woocommerce a.button.add_to_cart_button,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
.site-header, #masthead {
  background-color: #ffffff;
}