/* BlendMill burnt-orange accent. One accent, used sparingly (~5–10% of the page). */
:root{
  --ember:#B4531F;        /* fills (buttons) with white text: 5.0:1 */
  --ember-deep:#943F14;   /* small text / hover on light surfaces: 6.3–6.8:1 */
  --ember-bright:#E07A3F; /* text and lines on dark surfaces: 5.6–6.5:1 */
  --err:#9b1c31;          /* error text kept distinct from the accent */
}
::selection{ background:var(--ember); color:#fff; }
:focus-visible{ outline:3px solid var(--ember) !important; outline-offset:4px; }
.signup input:focus-visible, .contact-form input:focus-visible, .contact-form textarea:focus-visible{ outline:3px solid var(--ember) !important; }

/* Nav */
nav a:hover{ color:var(--ember-deep); }
.nav-cta{ border-color:var(--ember); color:var(--ember-deep); }
.nav-cta:hover{ background:var(--ember); border-color:var(--ember); color:#fff; }
.cart-count{ background:var(--ember); color:#fff; }

/* Hero */
.hero h1 .hero-own{ color:var(--ember-bright); }
.hero h1 em{ color:#f3f2ef !important; }
.hero h1 em .hero-pepper, .hero h1 .hero-gray{ color:#9a9a9a; }
.hero p.hero-safety{ border-left-color:var(--ember-bright); }
.hero .btn:not(.ghost){ background:var(--ember); border-color:var(--ember); color:#fff; }
.hero .btn:not(.ghost):hover{ background:transparent; border-color:var(--ember-bright); color:var(--ember-bright); }
.hero .btn.ghost:hover{ border-color:var(--ember-bright); color:var(--ember-bright); }
.launch-note a{ text-decoration-color:var(--ember-bright); }

/* The "highlight strand": one thin streak under section headlines */
.section-head h2::after, .signup h2::after{
  content:""; display:block; width:56px; height:3px; margin-top:14px;
  background:linear-gradient(90deg, var(--ember) 0 70%, transparent 70% 76%, var(--ember) 76% 100%);
}
.contact .section-head h2::after, .signup h2::after{ margin-left:auto; margin-right:auto; }
.products .section-head h2::after{ background:linear-gradient(90deg, var(--ember-bright) 0 70%, transparent 70% 76%, var(--ember-bright) 76% 100%); }

/* Product cards */
.card .tag{ color:var(--ember-bright); }
.tier-opt.active{ background:var(--ember); border-color:var(--ember); color:#fff; }
.card.feature .card-btn{ background:var(--ember); border-color:var(--ember); color:#fff; }
.card.feature .card-btn:hover{ background:transparent; border-color:var(--ember-bright); color:var(--ember-bright); }
.card-btn:hover{ background:var(--ember); border-color:var(--ember); color:#fff; }

/* How it works */
.step .num{ color:var(--ember-deep); font-weight:500; }

/* Waitlist + contact */
.signup button, .contact-form button{ background:var(--ember); color:#fff; }
.signup button:hover, .contact-form button:hover{ background:var(--ember-deep); }
.contact-form input:focus, .contact-form textarea:focus{ border-color:var(--ember); }
.contact-note a{ text-decoration-color:var(--ember); }
.signup-status.err, .contact-status.err{ color:var(--err); }

/* Story page CTA */
.story-cta .btn{ background:var(--ember) !important; border-color:var(--ember) !important; color:#fff !important; }
.story-cta .btn:hover{ background:var(--ember-deep) !important; }

/* Footer link hover */
footer .foot-links a:hover{ color:var(--ember-bright); }