/* Furniss "square" tweak theme: SAME layout as style.css, only colours, corners and textures change.
   Load AFTER style.css. Accent set by body class: theme-brown | theme-wood | theme-nobrown */
:root{
  --bg:#1a1c1b; --ink:#e9ebe6; --muted:#9aa39b; --card:#252826; --line:rgba(255,255,255,.12);
  --r:0; --r-md:0; --r-sm:0;
  --accent:#8a5a2e; --accent-d:#6f4622; --accent-ink:#fff; --price:#d49a5e; --barbg:#8a5a2e;
}
.theme-wood{--accent:#7b4f27;--accent-d:#5a3a1c;--price:#d9a86e;--barbg:#6a4222}
.theme-nobrown{--accent:#dfe2dc;--accent-d:#ffffff;--accent-ink:#13201a;--price:#8fd0a8;--barbg:#2f5a42}
body{background:#3b3e3c url(assets/textures/concrete.jpg);background-size:620px;background-blend-mode:multiply;color:var(--ink)}
/* square corners everywhere */
.box,.head,.card,.hero .photo,.bento .ph,.gal,.gal .main,.thumbs button,.info,.bar,.btn,.chip,.cartbtn,.cartbtn b,.qty,.field,.wl input[type=email],.specs,.drawer,.foot,.card img,.card--all i,.line img,.sw .p{border-radius:0}
.box,.head,.card,.info,.gal{border:1px solid var(--line)}
/* dark surfaces */
.head{background:#212422}
.head nav a{border-radius:0}.head nav a:hover,.head nav a.on{background:rgba(255,255,255,.09)}
.card:hover{box-shadow:0 12px 26px rgba(0,0,0,.45);transform:translateY(-3px)}
.bar{background:var(--barbg)}
/* green terrain texture on every green panel */
.box--green{background:#1f3d2c url(assets/textures/topo-green.jpg);background-size:560px;border-color:transparent}
.card--all{background:#1f3d2c url(assets/textures/topo-green.jpg);background-size:460px}
.box--concrete{background:#4a4d4e url(assets/textures/concrete.jpg);background-size:560px;background-blend-mode:multiply;color:#e9ebe6;border-color:transparent}
.box--deep{background:#0e1311}
/* accent colour */
.btn{background:var(--accent);color:var(--accent-ink)}.btn:hover{background:var(--accent-d)}
.btn--ghost{background:rgba(255,255,255,.08);color:inherit;border:2px solid currentColor}.btn--ghost:hover{background:rgba(255,255,255,.18)}
.btn--green{background:#2f5a42;color:#fff}
.chip{border-color:var(--accent);color:var(--ink);background:transparent}.chip.on{background:var(--accent);color:var(--accent-ink)}
.cartbtn{background:var(--accent);color:var(--accent-ink)}
.sechead a{border-bottom-color:var(--accent)}
.price,.card .price{color:var(--price)}
.eyebrow{color:var(--price)}.box--green .eyebrow,.box--concrete .eyebrow{color:#cfe3d6}
.wl input[type=email]{background:rgba(0,0,0,.35)}
.field{background:#1d201e;border-color:rgba(255,255,255,.18);color:var(--ink)}
.specs{border-color:var(--line)}.specs th{background:rgba(255,255,255,.06)}.specs th,.specs td{border-color:var(--line)}
.qty{border-color:var(--line)}.qty button:hover{background:rgba(255,255,255,.1)}
.thumbs button.on{border-color:var(--accent)}
.crumbs,.crumbs a{color:var(--muted)}
.note{color:var(--muted)}
/* THEME: wood in place of brown */
.theme-wood .btn,.theme-wood .bar,.theme-wood .cartbtn,.theme-wood .chip.on{background:var(--accent) url(assets/textures/wood.jpg);background-size:340px;text-shadow:0 1px 2px rgba(0,0,0,.55)}
.theme-wood .btn:hover{background:var(--accent-d) url(assets/textures/wood-dark.jpg);background-size:340px}
.theme-wood .head{position:relative}
.theme-wood .head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:url(assets/textures/wood.jpg);background-size:340px}
.theme-wood .box--concrete{background:#2a1f15 url(assets/textures/wood-dark.jpg);background-size:520px;background-blend-mode:normal;color:#f3e4cf}

/* THEME: light grey in place of brown (the chosen look) */
.theme-grey{--accent:#cfd2cd;--accent-d:#ffffff;--accent-ink:#13201a;--price:#d9dcd6;--barbg:#cfd2cd;--wood:#cfd2cd;--wood-d:#ffffff}
.theme-grey .bar{color:#13201a}.theme-grey .bar a{color:#13201a}
.theme-grey .btn--ghost{color:#eef0e8}
.ph{color:#15231a}
.gal .main,.thumbs button{background:#d3d6d1}
