/* Sorrel & Spruce — palette refresh, 31 October 2026.
   Loaded after the existing styles, including on the GitHub/Cloudflare site.
   Does not alter layout, content, animation, or navigation logic. */
:root {
  --ss-burgundy: #700514;
  --ss-bordeaux: #4D1016;
  --ss-offwhite: #FAF9F7;
  --ss-softwhite: #F7F5F2;
  --ss-umber: #67574E;
  --ss-ink: #302B29;
  --ss-light: #FAF9F7;
}

/* Header and menus: clean white rather than yellow cream. */
nav.fixed, #mobile-menu, .mobile-menu { background: var(--ss-offwhite) !important; }

/* Homepage: dark wine process gallery, bright editorial introduction,
   and earthy umber newsletter section. */
[data-template-id="gallery-section"] { background: var(--ss-bordeaux) !important; }
[data-template-id="feature-section"] { background: var(--ss-softwhite) !important; }
[data-template-id="feature-title"],
[data-template-id="feature-description"] { color: var(--ss-ink) !important; }
[data-template-id="newsletter-section"] { background: var(--ss-umber) !important; }
[data-template-id="newsletter-title"],
[data-template-id="newsletter-description"] { color: var(--ss-light) !important; }

/* Services: off-white background with dark lettering. */
[data-template-id="collection-page-bg"] { background: var(--ss-offwhite) !important; }
[data-template-id="collection-title"] { color: var(--ss-burgundy) !important; }
[data-template-id="collection-subtitle"] { color: var(--ss-ink) !important; }
#page-collection .collection-item { background: var(--ss-softwhite) !important; }
#page-product, [data-template-id="product-detail-bg"] { background: var(--ss-softwhite) !important; }
[data-template-id="product-detail-button"] { background: var(--ss-burgundy) !important; color: #fff !important; }

/* Studio: neutrals and one umber editorial section. */
[data-template-id="about-hero-section"] { background: var(--ss-offwhite) !important; }
[data-template-id="about-hero-title"] { color: var(--ss-burgundy) !important; }
[data-template-id="about-philosophy-section"] { background: var(--ss-softwhite) !important; }
[data-template-id="about-philosophy-title"],
[data-template-id="about-philosophy-text"] { color: var(--ss-ink) !important; }
[data-template-id="about-values-section"] { background: var(--ss-umber) !important; }
[data-template-id="about-values-title"],
[data-template-id^="about-value-"][data-template-id$="-title"],
[data-template-id^="about-value-"][data-template-id$="-text"] { color: var(--ss-light) !important; }
[data-template-id^="about-value-"][data-template-id$="-number"] { color: #E3D8D0 !important; }
[data-template-id="about-location-section"] { background: var(--ss-bordeaux) !important; }

/* Projects: alternate light backgrounds, keeping photographs dominant. */
[data-template-id="editorial-header-section"] { background: var(--ss-offwhite) !important; }
[data-template-id="editorial-featured-section"] { background: var(--ss-softwhite) !important; }
[data-template-id="editorial-projects-section"] { background: var(--ss-offwhite) !important; }
#page-editorial [data-template-id="editorial-header-section"] h1,
#page-editorial [data-template-id="editorial-header-section"] h2,
#page-editorial [data-template-id="editorial-header-section"] p,
#page-editorial [data-template-id="editorial-featured-section"] h1,
#page-editorial [data-template-id="editorial-featured-section"] h2,
#page-editorial [data-template-id="editorial-featured-section"] p,
#page-editorial [data-template-id="editorial-projects-section"] h1,
#page-editorial [data-template-id="editorial-projects-section"] h2,
#page-editorial [data-template-id="editorial-projects-section"] p { color: var(--ss-ink) !important; }

/* Consistent deep-bordeaux brand footer. */
[data-template-id="footer-section"] { background: var(--ss-bordeaux) !important; }

/* Existing button treatment: signature red. */
.btn-primary { background: var(--ss-burgundy) !important; }