/* Step 1: shared brand surfaces and colour roles.
   Typography, dimensions and commerce behaviour remain owned by globals.css. */
:root {
  --ink: #30231d;
  --deep: #30231d;
  --forest: #465946;
  --paper: #f3ecdf;
  --paper-bright: #fffaf1;
  --orange: #a54527;
  --rust: #a54527;
  --yellow: #dfb963;
  --surface: #fffaf1;
  --surface-soft: #eee5d6;
  --text-secondary: #65574c;
  --border: #d8ccbb;
  --action-hover: #85351d;
  --on-dark: #fffaf1;
  --on-dark-muted: #e0d8cb;
  --shadow-soft: 0 6px 20px rgb(48 35 29 / 7%);
}

body::before { content: none; }
::selection { color: var(--on-dark); background: var(--forest); }
:focus-visible { outline-color: var(--paper-bright); box-shadow: 0 0 0 7px var(--ink); }

/* Quiet, consistent chrome on both editorial and shopping pages. */
.site-header, .site-header--inner, .site-header.is-scrolled {
  background: rgb(255 250 241 / 97%);
  border-bottom: 1px solid var(--border);
  box-shadow: none;
}
.header-tool, .icon-button, .cart-trigger { background: var(--surface); border-color: var(--border); }
.header-tool:hover, .icon-button:hover { color: var(--on-dark); background: var(--forest); }
.cart-count { color: var(--on-dark); }

/* One action colour, one quiet elevation treatment. */
.button { border-radius: 4px; }
.button-primary, .button-light, .button-dark, .toast { box-shadow: none; }
.button-primary { color: var(--on-dark); background: var(--orange); }
.button-primary:hover { color: var(--on-dark); background: var(--action-hover); }
.button-light { color: var(--ink); background: var(--surface); }
.button-light:hover { background: var(--paper); }
.button-dark { color: var(--on-dark); background: var(--forest); }
.button-dark:hover, .purchase-block .button-dark:hover { background: var(--ink); }
.button:disabled { box-shadow: none; }
.toast { border: 1px solid var(--border); background: var(--surface); box-shadow: var(--shadow-soft); }

/* Clear light/dark colour pairs instead of orange text on green. */
.page-hero, .contact-hero, .about-hero, .journal, .about-cta, .contact-visit {
  color: var(--on-dark); background: var(--forest);
}
.page-hero h1 em, .contact-hero h1 em, .about-hero h1 em,
.journal-copy h2 em, .about-cta h2 em { color: var(--paper-bright); }
.page-hero > p:last-child, .contact-hero > p:last-child,
.about-hero-copy > p:last-child, .journal-copy > p:not(.eyebrow),
.about-cta > div:last-child > p, .contact-visit-copy > p:not(.eyebrow) { color: var(--on-dark-muted); }
.contact-hero::after, .sunburst { display: none; }
.empty-cart-page h1 em { color: var(--forest); }
.ticker { background: var(--forest); border-color: var(--forest); }
.ticker-item small { opacity: 1; }
.shop-section, .related-products { background: var(--surface-soft); }
.about-beliefs, .belief-grid article { background: var(--forest); }
.journal-collage img { box-shadow: var(--shadow-soft); }

/* Packaging is the visual focus; no extra gradient or cast shadow on photos. */
.catalog-card { background: var(--surface); border: 1px solid var(--border); border-radius: 6px; }
.catalog-card-image, .product-main-image { background: var(--surface-soft); }
.catalog-card-image > img, .product-main-image img { filter: none; }
.catalog-card:hover .catalog-card-image > img { transform: scale(1.03); }
.product-hero-shell, .product-breadcrumb { background: var(--paper); }
.gallery-thumbnails button { background: var(--surface); border-color: var(--border); }
.gallery-thumbnails button.is-active { border-color: var(--orange); box-shadow: inset 0 0 0 1px var(--orange); }
.gallery-utility-actions button { box-shadow: none; border-color: var(--border); }
.product-badge { color: var(--ink); background: var(--yellow); }
.price-pair del { color: var(--text-secondary); }

/* Product information uses the same readable surface at every breakpoint. */
.product-info-panel { color: var(--ink); background: var(--surface); }
.product-info-panel .eyebrow, .coming-soon-price, .stock-out { color: var(--rust); }
.product-lede, .product-meta-row, .product-price-line del,
.coming-soon-callout p, .trust-strip { color: var(--text-secondary); }
.product-meta-row, .coming-soon-callout, .trust-strip { border-color: var(--border); }
.stock-in { color: var(--forest); }
.trust-strip strong, .wishlist-large { color: var(--ink); }
.wishlist-large.is-saved { color: var(--rust); }
.variant-options button { color: var(--ink); border-color: var(--border); background: var(--surface); }
.variant-options button.is-active { color: var(--on-dark); background: var(--forest); border-color: var(--forest); }
.variant-options small { opacity: 1; }
.purchase-block .quantity-selector { border-color: var(--border); background: var(--surface); }

/* Forms and utility states share the same neutral surface vocabulary. */
.account-form, .checkout-form { background: var(--surface); border: 1px solid var(--border); }
.form-grid input, .form-grid textarea { background: var(--surface); border-color: var(--border); }
.contact-form-panel { background: var(--forest); box-shadow: none; }
.checkout-configuration, .policy-note { background: var(--surface-soft); }
.order-summary, .checkout-summary { background: var(--forest); }
.order-summary > p:not(.eyebrow), .checkout-line small { color: var(--on-dark-muted); }
.cart-line > img, .cart-line > .cart-image-placeholder { background: var(--surface-soft); }

/* Drawers stay neutral so selected navigation and primary actions are distinct. */
.menu-drawer, .cart-drawer, .search-drawer { color: var(--ink); background: var(--surface); box-shadow: var(--shadow-soft); }
.menu-drawer .drawer-head .icon-button, .cart-drawer .drawer-head .icon-button { color: var(--ink); background: var(--surface); border-color: var(--border); box-shadow: none; }
.menu-drawer .drawer-head .icon-button:hover { color: var(--on-dark); background: var(--forest); }
.menu-drawer nav a:hover, .menu-drawer nav a.is-current,
.menu-drawer-action:hover, .menu-drawer-action.is-current, .menu-drawer-action--dark { color: var(--on-dark); background: var(--forest); }
.menu-drawer nav a:hover .menu-link-number, .menu-drawer nav a.is-current .menu-link-number { color: var(--on-dark); }
.menu-drawer-action strong { color: var(--ink); background: var(--yellow); }
.cart-drawer .cart-item p, .cart-drawer .cart-empty, .cart-drawer .cart-empty p { color: var(--text-secondary); }
.cart-drawer .cart-empty strong { color: var(--ink); }

/* No purple-tinted footer text or background gradients. */
.site-footer { background: var(--deep); }
.footer-brand p, .footer-bottom { color: var(--on-dark-muted); }
.footer-bottom { border-color: rgb(255 250 241 / 22%); }
.footer-links .eyebrow, .footer-links a:hover, .footer-socials a:hover, .footer-legal a:hover { color: var(--yellow); }

@media (max-width: 767px) {
  .purchase-block { background: rgb(255 250 241 / 98%); border-color: var(--border); box-shadow: 0 -3px 12px rgb(48 35 29 / 6%); }
}