#fw-section-hero-0 {
--color-primary: #fff9f1;
--color-primary-rgb: 255, 249, 241;
--color-background: #f7f0e6;
--color-background-rgb: 247, 240, 230;
--color-on-background: #1f6f6a;
--color-on-background-rgb: 31, 111, 106;
--color-on-primary: #3b2a24;
--color-on-primary-rgb: 59, 42, 36;
--color-product-image-background: #1f6f6a;
--color-background-brightness: 241;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #f7f0e6;
--primary-btn-text: #1f6f6a;
--primary-btn-border-color: #fff9f1;
--secondary-btn-bg: transparent;
--secondary-btn-text: #1f6f6a;
--secondary-btn-border-color: #1f6f6a;
/* Soulfully Laura / Soulfully Unbothered Brand Styling */

:root {
  --warm-cream: #F7F0E6;
  --soft-ivory: #FFF9F1;
  --espresso: #3B2A24;
  --deep-teal: #1F6F6A;
  --honey-gold: #D9A441;
  --terracotta: #B96A4A;
  --dusty-blush: #D9A6A1;
  --seafoam: #DDEDEA;
}

/* Overall page */
body {
  background-color: var(--warm-cream) !important;
  color: var(--espresso) !important;
}

/* Header */
header,
.site-header,
.fw-header {
  background-color: var(--soft-ivory) !important;
  color: var(--espresso) !important;
  border-bottom: 1px solid rgba(59, 42, 36, 0.12) !important;
}

/* Site title */
header a,
.site-header a,
.fw-header a {
  color: var(--espresso) !important;
}

/* Main hero/image banner area */
section,
.image-banner,
.hero,
.fw-section {
  background-color: var(--warm-cream);
}

/* Hero headline */
h1 {
  color: var(--espresso) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em;
}

/* Subheadings */
h2, h3 {
  color: var(--deep-teal) !important;
}

/* Paragraph text */
p {
  color: var(--espresso) !important;
}

/* Buttons */
button,
.button,
.btn,
a[class*="button"],
a[class*="btn"] {
  background-color: var(--honey-gold) !important;
  color: var(--espresso) !important;
  border-radius: 999px !important;
  border: none !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 20px rgba(59, 42, 36, 0.12) !important;
}

/* Button hover */
button:hover,
.button:hover,
.btn:hover,
a[class*="button"]:hover,
a[class*="btn"]:hover {
  background-color: var(--terracotta) !important;
  color: var(--soft-ivory) !important;
}

/* Product cards */
.product-card,
.card,
[class*="product"] {
  border-radius: 18px !important;
}

/* Footer */
footer,
.site-footer,
.fw-footer {
  background-color: var(--deep-teal) !important;
  color: var(--soft-ivory) !important;
}

footer a,
.site-footer a,
.fw-footer a {
  color: var(--soft-ivory) !important;
}
}