/* MOTIF storefront palette: cream, forest, terracotta. */
:root{
  --ink:#203b32;
  --ink-soft:#46584e;
  --paper:#faf7f0;
  --paper-deep:#eee9dc;
  --card:#fffefa;
  --line:#dddccd;
  --muted:#686e60;
  --accent:#ad4c35;
  --accent-deep:#943e2a;
  --clay:#ad4c35;
  --forest:#234d3d;
  --forest-deep:#193b2e;
  --sage:#e6eddf;
  --sage-ink:#385340;
  --peach:#f5e7db;
  --shadow:0 24px 54px -36px rgba(32,59,50,.32);
}
body{background:var(--paper)}
.announce{background:var(--forest);color:#fff4dd}
.site-head{background:#fffdf7;border-bottom-color:var(--line)}
.logo{color:var(--forest-deep)}
.logo .dot{color:var(--accent)}
.nav a:hover,.nav a.on{color:var(--accent-deep);border-color:var(--accent)}
.cart-count{background:var(--accent);color:#fffefa}
.mini-search,.mobile-search input{background:var(--paper)}
.mini-search:focus-within,.mobile-search input:focus{border-color:var(--forest)}
.btn-dark,.field-search button{background:var(--forest);border-color:var(--forest);color:#fffefa}
.btn-dark:hover,.field-search button:hover{background:var(--forest-deep);border-color:var(--forest-deep)}
.btn-ghost{background:transparent;border-color:var(--forest);color:var(--forest)}
.btn-ghost:hover{background:var(--sage);border-color:var(--forest);color:var(--forest-deep)}
.hero{
  background:#edf1e6;border:1px solid #dfe6d7;border-radius:18px;
  margin-top:28px;padding:48px 36px;gap:56px;
}
.hero h1{color:var(--forest-deep)}
.hero h1 em{color:var(--accent)}
.hero .eyebrow{color:var(--sage-ink)}
.hero-stats dt{color:var(--forest)}
.hero-card{border-radius:10px;box-shadow:var(--shadow)}
.hero-card-media{background:#e1e7d8}
.hero-card-body{background:rgba(255,253,247,.97);border-top:3px solid var(--accent)}
.hero-card-body i{color:var(--accent-deep)}
.personal-band{background:var(--forest);color:#fff9ec}
.personal .eyebrow{color:#edc99f}
.personal h2 em{color:#efc49a}
.personal-lede{color:#e0e8d7}
.personal-steps b{color:#efc49a}
.personal-steps span{color:#e0e8d7}
.personal-link{color:#f4ddbe;border-bottom-color:#b8bd9e}
.personal-tile{background:var(--forest-deep)}
.btn-light{background:#f6e6c9;border-color:#f6e6c9;color:var(--forest-deep)}
.btn-light:hover{background:#fff6e5;border-color:#fff6e5}
.filter-panel,.catalog-bar,.pdp-info,.cart-summary,.cart-form,.cart-done{background:var(--card);border-color:var(--line)}
.filter-title .eyebrow,.style-heading .eyebrow{color:var(--accent-deep)}
.chip{background:var(--card);border-color:var(--line)}
.chip:hover{background:var(--sage);border-color:#a6b79c;color:var(--forest)}
.chip.on,.view-toggle.on,.pg.on{background:var(--forest);border-color:var(--forest);color:#fffefa}
.chip.on .n{color:#dfebd5}
.tag-mini{background:#edf1e7;border-color:#dfe5d6;color:var(--sage-ink)}
a.tag-mini:hover{background:var(--forest);border-color:var(--forest);color:#fffefa}
.card{background:var(--card);border-color:var(--line)}
.card:hover{border-color:#a9b89d;box-shadow:var(--shadow)}
.card-media{background:var(--paper-deep)}
.card-quick{background:rgba(35,77,61,.96);color:#fffefa}
.card-badge{background:#fff9eb;color:var(--forest-deep)}
.card-price .now,.pdp-price .now{color:var(--forest)}
.card-price .off,.pdp-price .off{background:var(--peach);color:var(--accent-deep)}
.variant-acc .acc-row.on{border-color:#9eaf94}
.variant-acc .acc-row.on .acc-head{background:#edf1e7;color:var(--forest-deep)}
.variant-acc .acc-row:not(.on) .acc-head:hover{background:#f4f6ed}
.opt-card span:hover{background:#f4f6ed;border-color:#a6b79c}
.opt-card input:checked+span{background:var(--sage);border-color:var(--forest);color:var(--forest-deep);box-shadow:inset 3px 0 var(--forest)}
.opt-card input:checked+span i{color:var(--forest-deep)}
.opt-card input:checked+span::after{background:var(--forest);border-color:var(--forest);color:#fffefa}
.pdp-kicker,.pdp-title em,.cz-head h1 em{color:var(--accent-deep)}
.home-cta-inner{background:var(--peach);border-color:#e8d7c7}
.cart-form input,.cart-form select{background:#fffefa;border-color:#c9cebf;color:var(--ink)}
.cart-form input:focus,.cart-form select:focus{outline:2px solid var(--forest);outline-offset:2px}
input[type=checkbox],input[type=radio]{accent-color:var(--forest)}
.site-foot{background:var(--forest-deep);color:#e6ecdc}
.site-foot .logo{color:#fff6e5}
.site-foot .logo .dot{color:#edb287}
.site-foot h4{color:#edc99f}
.site-foot a{color:#e6ecdc}
.site-foot a:hover{color:#fff6e5}
.foot-note,.foot-fine,.foot-bottom{color:#c3cdb7}
.foot-bottom{border-color:#4b6554}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:900px){
  .hero{padding:32px 24px;gap:30px;margin-top:18px}
  .nav{background:#fffdf7}
}
@media(max-width:620px){
  .hero{padding:30px 18px 18px;border-radius:12px;gap:26px;margin-top:12px}
  .hero-card-body{left:10px;right:10px;bottom:10px;padding:14px}
  .hero-card-body strong{font-size:19px}
}