/* Warm charcoal and champagne palette. Loaded after the brand defaults. */
:root {
  --bg: #24231F;
  --bg-2: #2B2925;
  --card: #34322D;
  --card-2: #403D36;
  --ink: #FFF9EE;
  --muted: #D0C8BA;
  --faint: #B8B0A2;
  --read: #F4EDE1;
  --read-soft: #DED5C6;
  --line: rgba(255, 244, 224, .15);
  --line-2: rgba(222, 197, 148, .38);
  --field: rgba(255, 244, 224, .46);
  --gold: #DEC594;
  --gold-hi: #F5E2BC;
  --gold-lo: #AD8D56;
  --gold-ink: #211C12;
  --grad-gold: linear-gradient(135deg, #C2A16A 0%, #DEC594 38%, #F5E2BC 62%, #DEC594 100%);
  --ok: #98CFA2;
  --warn: #E2BD75;
  --sale-ink: #FFA095;
  --sh-1: 0 1px 2px rgba(0, 0, 0, .16);
  --sh-2: 0 10px 30px rgba(0, 0, 0, .20);
  --sh-3: 0 24px 60px rgba(0, 0, 0, .25);
  --sh-soft: 0 10px 28px rgba(0, 0, 0, .20);
}

.atelier-poster {
  background: #3A372F;
  border-color: #716753;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .22);
}
.atelier-poster picture,
.card__pic,
.pdp__main {
  background: #EEEAE2;
}
.card__pic--gallery { background: #454137; }
.card__thumb { background: #EEEAE2; opacity: .86; }
.card__thumb:hover,
.card__thumb:focus-visible,
.card__thumb[aria-current="true"] { opacity: 1; }
.atelier-category {
  background: var(--card);
  border-color: var(--line);
}
.atelier-ticker {
  background: #302D26;
  border-color: var(--line-2);
}
.atelier-editorial { border-color: var(--line-2); }
.atelier-collage::before {
  background: radial-gradient(ellipse, rgba(222, 197, 148, .23), transparent 68%);
}