#fw-section-hero-0 {
--font-heading-scale: 1.5;
--font-body-scale: 1.0;
}
#fw-section-hero-0 {

/* Import Context Jamming Fonts */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
  /* Context Jamming Color Palette */
  --cj-canvas: #faf9f5;
  --cj-surface: #ffffff;
  --cj-ink: #141413;
  --cj-muted: #6b6862;
  --cj-accent-copper: #d97757;
  
  /* Font Families */
  --cj-font-display: 'Fraunces', Georgia, serif;
  --cj-font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --cj-font-serif: 'Playfair Display', Georgia, serif;
}

/* Global Background and Text */
body, .page-wrapper, .main-content {
  background-color: var(--cj-canvas) !important;
  color: var(--cj-ink) !important;
}

/* Headings (Fraunces) */
h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6, 
.product-title, .collection-title {
  font-family: var(--cj-font-display) !important;
  color: var(--cj-ink) !important;
  font-variation-settings: "opsz" 72;
  letter-spacing: -0.02em !important;
}

/* Primary Buttons (The Copper Accent) */
button, .btn, .button, .add-to-cart-btn, .checkout-btn {
  background-color: var(--cj-accent-copper) !important;
  color: #ffffff !important;
  font-family: var(--cj-font-mono) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  font-size: 11px !important;
  border-radius: 4px !important;
  border: 1px solid var(--cj-accent-copper) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

button:hover, .btn:hover, .button:hover, .add-to-cart-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(217, 119, 87, 0.2) !important;
}

/* Secondary/Outline Buttons */
.btn-secondary, .btn-outline {
  background-color: transparent !important;
  color: var(--cj-ink) !important;
  border: 1px solid var(--cj-ink) !important;
}

.btn-secondary:hover, .btn-outline:hover {
  background-color: var(--cj-ink) !important;
  color: var(--cj-canvas) !important;
}

/* Links */
a {
  color: var(--cj-accent-copper) !important;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--cj-ink) !important;
}

/* Navigation & Small Labels */
nav a, .nav-link, .header-link, .footer-link, .price, small, .badge {
  font-family: var(--cj-font-mono) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
}

/* Product Cards */
.product-card {
  background-color: var(--cj-surface) !important;
  border: 1px solid rgba(20, 20, 19, 0.08) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* Make image backgrounds blend with canvas if transparent */
.product-image-container {
  background-color: rgba(245, 240, 232, 0.04) !important;
}
}

#fw-section-footer {
--color-primary: #fef7ee;
--color-primary-rgb: 254, 247, 238;
--color-background: #2e3d27;
--color-background-rgb: 46, 61, 39;
--color-on-background: #fef7ee;
--color-on-background-rgb: 254, 247, 238;
--color-on-primary: #2e3d27;
--color-on-primary-rgb: 46, 61, 39;
--color-product-image-background: #fef7ee;
--color-background-brightness: 54;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #fef7ee;
--primary-btn-text: #2e3d27;
--primary-btn-border-color: #fef7ee;
--secondary-btn-bg: transparent;
--secondary-btn-text: #fef7ee;
--secondary-btn-border-color: #fef7ee;

}