/*
Theme Name: HeartString Astra Child
Description: HEARTSTRING brand child theme, based on Astra. Visual tokens per docs/theme-brand-pages/40_DESIGN_FINAL.md and docs/_foundation/_ui_system/00_UI_TOKENS.md v0.2.
Author: HEARTSTRING
Template: astra
Version: 1.0.0
Text Domain: heartstring-astra-child
*/

:root {
  --brand-brown: #6b4226;
  --brand-accent: #c17a3d;
  --brand-tan: #e8d9c5;
  --brand-cream: #faf6f0;
  --brand-ink: #2b241d;
  --ok-green: #2f8f4e;
  --warn-red: #b23b3b;
  --wa-green: #25D366;
}

body {
  background-color: var(--brand-cream);
  color: var(--brand-ink);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.site-title,
.ast-woo-shop-title,
button, .button, .ast-button, input[type="submit"] {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

a, .site-title a {
  color: var(--brand-brown);
}

.ast-woocommerce-container .site-content .price,
.woocommerce .price {
  color: var(--brand-brown);
}

button, .button, .ast-button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background-color: var(--brand-accent);
  border-color: var(--brand-accent);
  color: #fff;
}

.woocommerce span.onsale {
  background-color: var(--brand-accent);
}

/* stock badges — mirrors _demos/v1_initial.html states */
.stock.in-stock { color: var(--ok-green); }
.stock.out-of-stock { color: var(--warn-red); }

/* page-specific block styling to be added as each of the six pages is built in Phase 5 */