/* Tools For Workers theme: navy work-shirt + safety amber, concrete paper. Load after appearance.css */
:root{
  --forest:#1d2433;--forest-2:#2c3850;--moss:#9a6b00;--charcoal:#161b26;--ink:#262c38;
  --warm:#f4f1ea;--paper:#e9e5db;--beige:#ddd6c6;--sand:#c4baa3;--line:#d6d1c5;--gray:#e6e3dc;--mute:#5d6370;
  --rust:#b3261e;--ok:#2e6b3f;--warn:#9a6400;--amber:#e8b21f;--amber-2:#f2c443;
  --display:"Archivo","Arial Narrow",system-ui,sans-serif;--body:"Archivo",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;
  --r:4px;--shadow:0 1px 2px rgba(22,27,38,.08),0 10px 26px -14px rgba(22,27,38,.35);
}
body::after{opacity:.02}
h1,h2,h3,h4{font-weight:800;letter-spacing:-.02em}
.hero h1,.auth-art h2{font-weight:800}
.hero h1 em{font-style:normal;color:var(--amber)}
.eyebrow,.why b{color:var(--moss)}
.hero .eyebrow,.backyard-copy .eyebrow{color:var(--amber)}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.btn{transition:background .15s,box-shadow .15s}
.btn:hover{transform:none;box-shadow:0 6px 14px -10px rgba(22,27,38,.6)}
.btn-light{--fg:var(--charcoal)}
.hero .btn:not(.btn-ghost):not(.btn-light),.backyard .btn:not(.btn-ghost):not(.btn-light){--bg:var(--amber);--fg:var(--charcoal)}
.hero .btn:not(.btn-ghost):not(.btn-light):hover{--bg:var(--amber-2)}
.announce{background:var(--charcoal);color:var(--amber);border-bottom:3px solid var(--amber)}
.header{background:rgba(244,241,234,.97)}
.logo b{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.01em}
.logo.logo-only{flex:0 0 auto;width:260px;max-width:100%}
.logo.logo-only .logo-img{display:block;width:100%;height:auto;aspect-ratio:300 / 56;max-height:var(--logo-height,48px);object-fit:contain}
.admin-side .logo.logo-only{width:160px}
@media(max-width:600px){.header .logo.logo-only,.drawer .logo.logo-only{width:160px}.footer .logo.logo-only{width:240px}}
.search input,.ac,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=search],select,textarea,.card,.panel,.stat,.qty,.ship-opt,.cmp-table{background:#fbfaf6}
.search input:focus,input:focus,select:focus,textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(232,178,31,.35)}
.nav a::after{height:3px;background:var(--amber)}
.nav a.on{font-weight:700}
.badge{background:var(--amber);color:var(--charcoal)}
.hero::before{background:linear-gradient(90deg,rgba(22,27,38,.88) 0%,rgba(22,27,38,.5) 48%,rgba(22,27,38,.05) 78%),linear-gradient(0deg,rgba(22,27,38,.6),transparent 40%)}
.hero-meta b{font-weight:800}
.cat{border-top:3px solid transparent}.cat:hover{background:#fbfaf6;border-top-color:var(--amber)}
.card{border-radius:6px}.card:hover{transform:none;border-color:var(--forest)}
.tag{border-radius:2px}.tag.feat{display:none}.tag.sale{background:var(--rust)}
.price,.pdp-price .price,.stat b,.summary .total{font-weight:800}
.stars{color:#a86f00}
.cmp-demo .win{color:var(--amber)}
.backyard-copy{background:var(--forest);color:#d6dbe5}
.ship-meter i{background:var(--amber)}
.fieldset legend i,.success-mark{background:var(--amber);color:var(--charcoal)}
.tabs button.on{border-color:var(--amber)}
.thumbs button.on{border-color:var(--forest);box-shadow:0 0 0 2px var(--amber) inset}
.cmp-table tr.diff td{background:#fbf3d9}
.status.Paid,.status.Delivered{background:#dceadf;color:#1f4d2c}.status.Shipped,.status.Processing{background:#dfe4ee;color:#1d2a45}
.footer{background:var(--ftr-bg,#161b26);color:var(--ftr-fg,#b9bfcb);border-top:4px solid var(--amber)}
.footer h4{color:var(--amber)}
.footer-base{border-top-color:#2b3242}
.nl-form input{background:#232a39;border-color:#3a4256}
.auth-art{background:linear-gradient(0deg,rgba(22,27,38,.9),rgba(22,27,38,.45)),url("../images/hero.jpg") center/cover}
.admin-side{background:var(--charcoal);color:#c9ceda}
.admin-side a.nl:hover{background:#252c3b}.admin-side a.nl.on{background:var(--amber);color:var(--charcoal)}
.error-code{color:var(--amber);font-weight:800}
.chip{background:var(--beige)}
.table tr:hover td{background:#f6f2e6}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.hero img{transform:none}}
