
:root {
  --surface-base: #ffffff;
  --surface-raised: #f1f5f9;
  --surface-sunken: #e2e8f0;
  --surface-inverse: #0f172a;
  --action-primary: #1e3a8a;
  --action-hover: #1e40af;
  --action-disabled: #94a3b8;
  --text-strong: #0f172a;
  --text-primary: #0f172a;
  --text-secondary: #334155;
  --text-muted: #64748b;
  --border-subtle: #e5e7eb;
  --border-strong: #cbd5e1;
  --signal-warm: #c2410c;
  --overlay-scrim: rgba(15, 23, 42, 0.45);
}
[data-mm-header] {
  --mm-bg: #ffffff;
  --mm-text: #334155;
  --mm-primary: #1e3a8a;
  --mm-overlay-bg: rgba(15, 23, 42, 0.45);
}
body { background: var(--surface-base); color: var(--text-primary); }
section { background: var(--surface-raised); }
section:nth-child(odd) { background: #ffffff; }
section.hero { background: linear-gradient(163deg, #ffffff 0%, #f1f5f9 52%, #e2e8f0 100%); padding: 56px 16px; }
section.contact-form { background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%); padding: 64px 32px; }
section.page-intro { background: var(--surface-inverse); padding: 40px 16px; }
.page-intro h1 { color: #ffffff; }
.page-intro p { color: #cbd5e1; margin-bottom: 0; max-width: 760px; }
.crumb-row a { color: #94a3b8; }

section.legal-band { background: #ffffff; }
section.product-band { background: #ffffff; }
section.cart-band { background: #ffffff; }
section.crumb-band { background: #ffffff; }

/* hero-photo-layer: generated background, kept behind the copy */
section.hero { position: relative; isolation: isolate; }
section.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: url('/images/hero-warm-glow.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.28;
  pointer-events: none;
}
