/* Mint, cream and peach: the storefront color palette. */
:root {
  --mint: #dcefe7;
  --cream: #fffdf7;
  --peach: #f1c7ba;
  --ink: #204f47;
  --dark: #173e37;
  --blue: #287c70;
  --lime: #dcefe7;
  --soft: #edf5ee;
  --line: #d9e4dc;
  --pink: #f1c7ba;
  --hero-surface: var(--mint);
}
body { background: var(--cream); color: var(--ink); }
body[data-product-id] {
  --hero-surface: color-mix(in srgb, var(--page-accent) 19%, var(--cream));
}
.announcement { background: var(--peach); color: var(--ink); }
.shipping-note { background: var(--hero-surface); color: var(--ink); }
.header-wrap { background: var(--hero-surface); }
.site-header { background: var(--cream); box-shadow: 0 2px 3px #204f4708; }
.logo img, .footer-logo { filter: none; }
.shop-nav { background: #f0f5ed; }
.bag-link { background: var(--blue); color: var(--cream); }
.bag-link b { color: var(--cream); }
.hero { background: var(--mint); color: var(--ink); }
.hero::after { background: var(--cream); }
.hero-kicker { color: #376b5f; }
.button, .button.blue, .summary-card .button {
  background: var(--blue);
  color: var(--cream);
}
.button:hover, .button.blue:hover, .summary-card .button:hover { background: #1d6258; }
.button.light { background: var(--cream); color: var(--ink); }
.button.light:hover { background: #eff5eb; }
.hero .button.light { background: var(--blue); color: var(--cream); }
.hero .button.light:hover { background: #1d6258; }
.button.outline { background: transparent; color: var(--ink); border: 1px solid var(--blue); }
.button.outline:hover { background: var(--soft); }
.section-chip { background: #e6eee1; color: var(--ink); }
.favorites, .flavor-section, .ready-section { background: var(--cream); }
.product-card {
  background: color-mix(in srgb, var(--product-color) 22%, var(--cream));
  color: var(--ink);
}
.card-category { color: #466459; }
.product-card .pack { border-color: #204f4738; }
.add-button { background: var(--cream); color: var(--ink); }
.add-button:hover { background: #eaf2e7; color: var(--ink); }
.values { color: #3b7568; }
.benefits-section { background: #edf5ee; }
.benefit-copy>div>span { border-color: #79a796; color: #286b5a; }
.everyday-section { background: #f4d9cd; color: var(--ink); }
.everyday-section>.section-chip { background: var(--cream); color: var(--ink); }
.moment-tabs button { color: var(--ink); border-color: #a8826e66; }
.moment-tabs button[aria-selected=true] { color: var(--cream); background: var(--blue); border-color: var(--blue); }
.moment-panel { background: var(--cream); color: var(--ink); }
.moment-panel .button.light { background: #e6eee1; color: var(--ink); }
.moment-panel .button.light:hover { background: #d8e6d1; }
.flavor-links>a { background: #e8e3ef; color: #55465d; }
.flavor-links>a:nth-child(2) { background: #f5e0da; color: #815047; }
.flavor-links>a:nth-child(3) { background: #f2edcf; color: #62633d; }
.wholesale-cta, .cta:not(.wholesale-cta) { background: #cee6d9; color: var(--ink); }
.wholesale-cta>.section-chip { background: var(--cream); color: var(--ink); }
.wholesale-cta .button.light { background: var(--blue); color: var(--cream); }
.wholesale-cta .button.light:hover { background: #1d6258; }
.site-footer { background: #eef2e8; color: var(--ink); border-color: #dbe4d7; }
.footer-brand p { color: #486257; }
.footer-bottom { border-color: #d0dccd; }
.page-banner { background: var(--mint); color: var(--ink); }
.filter { border-color: #becfc3; }
.filter.selected { background: var(--blue); border-color: var(--blue); color: var(--cream); }
.detail-color {
  background: color-mix(in srgb, var(--product-color) 19%, var(--cream));
  color: var(--ink);
}
.product-badges span { border-color: #204f4738; }
.product-badges span:first-child { background: var(--cream); color: var(--ink); }
.flavor-swatches a { background: #fffdf768; border-color: #204f4730; }
.flavor-swatches a.selected { border-color: var(--blue); background: var(--cream); }
.detail-back { border-color: #204f4750; }
.thumbnail { background: #fffdf770; border-color: #204f4730; }
.thumbnail.selected { border-color: var(--blue); background: var(--cream); }
.purchase-panel { background: var(--cream); color: var(--ink); }
.purchase-heading { background: #f0f3e9; }
.pack-choice { border-color: #8ba99a; }
.purchase-panel .button { background: var(--blue); }
.purchase-panel .button:hover { background: #1d6258; }
.purchase-panel .micro { color: #5c6c62; }
.purchase-panel details { border-color: #d9e3d8; }
.story { background: #f4d9cd; color: var(--ink); }
.form-panel { background: var(--cream); border-color: var(--line); }
.form-note { color: #56685d; }
.feature-list b { color: #4f7765; }
.summary-card, .status-strip { background: var(--soft); }
.summary-line.total { border-color: #c9d9cb; }
input, select, textarea { background: #fffffc; border-color: #b7cbbb; }
input::placeholder, textarea::placeholder { color: #697b70; }
input:focus-visible, select:focus-visible, textarea:focus-visible,
a:focus-visible, button:focus-visible, summary:focus-visible { outline-color: #287c70; }
@media(max-width:760px) { .nav { background: var(--cream); } }