:root {
  --ink: #12372d;
  --paper: #f4f0e8;
  --acid: #7d1f3a;
  --line: #c9c0b7;
  --forest: #12372d;
  --forest-deep: #0b241e;
  --bordeaux: #7d1f3a;
  --rose: #e7bec8;
  --cream: #f4f0e8;
}

.announcement { background: var(--bordeaux); color: #fff; }
.nav { background: var(--forest-deep); border-bottom-color: #315248; }
.nav .brand-cross,
.hero .eyebrow,
.lookbook .eyebrow,
.worn-copy .section-kicker,
.donation-total span { color: var(--rose); }
.nav nav a:hover { color: var(--rose); }
.cart-trigger { border-color: #5f776f; }
.cart-trigger span { background: var(--bordeaux); color: #fff; }
.hero { background: var(--forest-deep); }
.hero-overlay {
  background: linear-gradient(90deg, rgba(7, 31, 25, .94), rgba(18, 55, 45, .08) 76%);
}
.primary { background: var(--cream); color: var(--forest-deep); }
.primary:hover { background: var(--bordeaux); color: #fff; }
.mission h2 span { color: #557168; }
.lookbook { background: var(--forest-deep); }
.lookbook:after {
  background: linear-gradient(0deg, rgba(7, 31, 25, .82), transparent 55%);
}
.shop { background: #fbf9f5; }
.filters button { background: #fbf9f5; border-color: #b8afa6; }
.filters button.active,
.filters button:hover { background: var(--forest); border-color: var(--forest); }
.badge { background: var(--bordeaux); color: #fff; }
.view-button { border-color: var(--forest); background: #fbf9f5; }
.view-button:hover { background: var(--forest); }
.card-image,
.dialog-image,
.cart-item img { background: #dce2de; }
.quality { background: var(--cream); }
footer { background: var(--forest-deep); }
footer small { border-top-color: #315248; color: #a9bbb5; }
footer > p { color: #c7d1cd; }
.drawer-backdrop { background: rgba(7, 31, 25, .72); }
.drawer,
.product-dialog { background: #fbf9f5; }
.checkout,
.add-button { background: var(--forest); }
.checkout:hover,
.add-button:hover { background: #245345; }
.choice input:checked + span { background: var(--forest); border-color: var(--forest); }
.toast { background: var(--bordeaux); color: #fff; }
.view-switch button.active,
.view-label { background: var(--forest); }
.worn { background: var(--forest-deep); }
.worn figure { border-left-color: #315248; }
.worn figcaption { background: var(--bordeaux); color: #fff; }
.donation-transparency {
  background: var(--bordeaux);
  color: #fff;
  border-color: var(--forest-deep);
}
.donation-transparency .section-kicker { color: var(--rose); }
.donation-formula span { border-color: var(--cream); }
.donation-board { background: var(--forest-deep); }
.donation-total { border-bottom-color: #315248; }
.donation-board dl > div { border-bottom-color: #315248; }
.donation-board dt,
.donation-board > p { color: #b9c7c2; }