@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

:root{
  --bronze:#9c7a3e;
  --font-display:'Bebas Neue', sans-serif;
}

/* Typography: display font on key headings */
.page-hero h1{
  font-family:var(--font-display);
  letter-spacing:0.02em;
  font-size:46px;
}
.footer-col h4{
  font-family:var(--font-display);
  font-size:16px;
  letter-spacing:0.1em;
}
.stat b{
  font-family:var(--font-display);
  font-size:30px;
}

/* Legal blocks: stay dark instead of switching to the cream/light panel,
   with a riveted "data plate" signature at the 4 corners (pure CSS,
   no markup change — same visual language as index2.html/shop.html) */
.legal-block{
  position:relative;
  background-color:#19170f;
  background-image:
    radial-gradient(circle at 14px 14px, #d8c98a 0px, var(--bronze) 2px, transparent 3px),
    radial-gradient(circle at calc(100% - 14px) 14px, #d8c98a 0px, var(--bronze) 2px, transparent 3px),
    radial-gradient(circle at 14px calc(100% - 14px), #d8c98a 0px, var(--bronze) 2px, transparent 3px),
    radial-gradient(circle at calc(100% - 14px) calc(100% - 14px), #d8c98a 0px, var(--bronze) 2px, transparent 3px);
  background-repeat:no-repeat;
  color:var(--paper);
  border:1px solid var(--line-dark);
}
.legal-block h2{color:var(--paper);}
.legal-block p, .legal-block li{color:var(--paper-dim);}

.faq-item summary{color:var(--paper);}
.faq-item p{color:var(--paper-dim);}

/* Form fields inside dark legal-blocks (contact form) need dark inputs
   instead of the light/cream default so they read correctly on the
   new dark panel */
.legal-block .form-field label{color:var(--paper-dim);}
.legal-block .form-field input,
.legal-block .form-field textarea{
  background:#171510;
  border-color:var(--line-dark);
  color:var(--paper);
}
.legal-block .form-field input:focus,
.legal-block .form-field textarea:focus{
  outline:2px solid var(--bronze);
}


/* Overlay / Modal / Drawer (Account, Checkout, Cart) — dark theme */
.overlay{background:rgba(11,11,10,0.85);}
.modal{
  background:#19170f;
  color:var(--paper);
  border:1px solid var(--line-dark);
}
.modal .section-label{color:var(--bronze);}
.modal h2{color:var(--paper);}
.modal-note{color:var(--paper-dim);}
.tab-row{border-color:var(--line-dark);}
.tab-btn{color:var(--paper-dim);}
.tab-btn.active{color:var(--paper); border-color:var(--bronze);}
.modal .form-field label{color:var(--paper-dim);}
.modal .form-field input,
.modal .form-field textarea,
.modal .form-field select{
  background:#171510;
  border-color:var(--line-dark);
  color:var(--paper);
}
.modal .form-field input:focus,
.modal .form-field textarea:focus{outline:2px solid var(--bronze);}

.drawer{
  background:#19170f;
  color:var(--paper);
  border-left:1px solid var(--line-dark);
}
.drawer-head{border-color:var(--ink);}
.drawer-head h3{color:var(--paper);}
.drawer-head .modal-close{color:var(--paper);}
.cart-line{border-color:var(--line-dark);}
.cart-line-info h4{color:var(--paper);}
.cart-line-info .meta{color:var(--paper-dim);}
.cart-qty-row button{background:#211e15; border-color:var(--line-dark); color:var(--paper);}
.remove-btn{color:var(--bronze);}
.drawer-foot{border-color:var(--ink);}
.subtotal-row{color:var(--paper);}
.empty-cart{color:var(--paper-dim);}

/* Product cards (grid / "You Might Also Like") — dark theme */
.product-card{
  background:#19170f;
  color:var(--paper);
  border:1px solid var(--line-dark);
}
.product-card h3{color:var(--paper);}
.tribe-tag{color:var(--paper-dim);}
.pcode{color:var(--bronze);}
.price-row{border-color:var(--line-dark);}
.price{color:var(--paper);}
.add-btn{background:#211e15; color:var(--paper); border-color:var(--line-dark);}
.add-btn:hover{background:var(--blood, #7c1f16);}

/* Nav hover accent — bronze instead of legacy stamp-red */
.nav-links a:hover{border-color:var(--bronze);}

/* Nav icon buttons (Account / Cart) — bordered style matching
   index2.html / shop.html instead of the plain borderless legacy look */
.nav-icon-btn{
  border:1px solid var(--line-dark);
  padding:8px 14px;
  font-family:'IBM Plex Mono', monospace;
  font-size:0.65rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
}
.nav-icon-btn:hover{border-color:var(--bronze);}

/* Nav link text — match shop.html/index2.html exactly: color, size,
   letter-spacing (legacy style.css had brighter, larger, tighter text) */
.nav-links a{
  color:#b8ae97;
  font-size:0.68rem;
  letter-spacing:0.1em;
}
.nav-links a:hover{color:#ece5d3;}

/* Announcement bar + cart badge — match shop.html/index2.html's blood
   red tone instead of the legacy brighter stamp-red */
.announce{background:#7c1f16;}
.cart-count{background:#a52a1c;}

/* Checkout-success "stamped receipt" sheet — darkened version,
   keeps the stamp concept but matches the dark design system */
.hero .sheet{
  background:#19170f;
  color:var(--paper);
  border:1px solid var(--line-dark);
  background-image:repeating-linear-gradient(transparent, transparent 27px, rgba(236,229,211,0.03) 28px);
}
.hero .carbon-shadow{background:#0d0c08;}
.hero .doc-id{color:var(--paper-dim);}
.hero .doc-id b{color:var(--paper);}
.hero h1{color:var(--paper);}
.hero .tagline{color:var(--bronze);}
.hero p{color:var(--paper-dim);}
.hero .stamp{color:var(--blood-bright, #a52a1c); border-color:var(--blood-bright, #a52a1c);}
.hero .btn{background:var(--paper); color:var(--ink); border-color:var(--paper);}

/* ============================================================
   Footer full alignment with shop.html/index2.html reference
   ============================================================ */
.footer{
  background:#19170f;
  border-top:1px solid rgba(236,229,211,0.14);
  padding:60px 0 30px;
}
.footer-col h4{
  color:#b5551f;
  letter-spacing:0.02em;
}
.footer-col p{
  font-size:11.2px;
  color:#b8ae97;
}
.footer-col a{
  font-family:'Oswald', sans-serif;
  font-size:13.6px;
  color:#b8ae97;
}
.footer-col a:hover{color:#ece5d3;}
.payment-icons span{
  border-color:rgba(236,229,211,0.14);
  color:#b8ae97;
}
.footer-bottom{
  border-top-color:rgba(236,229,211,0.14);
  color:#b8ae97;
  font-size:10.4px;
}