/* ============================================================
   IntelliCare Furniture — shared site stylesheet
   Brand tokens, chrome (nav/footer), buttons, common bits.
   Page-specific styles live in each page's <style>.
   ============================================================ */
:root{
  --paper:#F7F3EC; --paper-2:#FCFAF5; --sand:#ECE5D8; --line:#E3DACB; --line-strong:#D3C7B4;
  --ink:#23253A; --ink-2:#565267; --ink-3:#8E887E;
  --indigo:#3E4095; --indigo-700:#313270; --royal:#3158A9; --azure:#1290D6; --cyan:#00AFEF;
  --indigo-tint:#E7E7F3; --cyan-tint:#DAF1FB; --clay:#B5694A; --clay-600:#9C5639; --clay-tint:#F3E2D7;
  --radius:4px; --radius-lg:12px;
  --shadow-sm:0 1px 2px rgba(35,37,58,.06),0 1px 1px rgba(35,37,58,.04);
  --shadow-md:0 10px 30px -14px rgba(35,37,58,.3);
  --shadow-lg:0 24px 60px -24px rgba(35,37,58,.4);
  --maxw:1200px;
  --serif:"Newsreader",Georgia,serif; --sans:"Hanken Grotesk",system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
}
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{ margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
img{ max-width:100%; display:block; }
a{ color:inherit; }
.wrap{ max-width:var(--maxw); margin:0 auto; padding:0 40px; }

.over{ font-family:var(--mono); font-size:12px; text-transform:uppercase; letter-spacing:.18em; color:var(--clay-600); margin:0; }
h1,h2,h3,h4{ text-wrap:pretty; }

/* buttons */
.btn{ font-family:var(--sans); font-weight:600; font-size:15px; border-radius:var(--radius); padding:13px 24px; border:1px solid transparent; cursor:pointer; display:inline-flex; align-items:center; gap:9px; text-decoration:none; line-height:1; transition:.16s ease; white-space:nowrap; }
.btn-primary{ background:var(--indigo); color:#F4F1E9; }
.btn-primary:hover{ background:var(--indigo-700); }
.btn-cyan{ background:var(--cyan); color:#072634; }
.btn-cyan:hover{ background:var(--azure); color:#fff; }
.btn-ghost{ background:transparent; color:var(--indigo); border-color:var(--line-strong); }
.btn-ghost:hover{ border-color:var(--indigo); background:var(--indigo-tint); }
.btn-ivory{ background:#F4F1E9; color:var(--indigo); }
.btn-ivory:hover{ background:#fff; }
.btn-lg{ padding:15px 28px; font-size:16px; }
.arr{ transition:transform .16s ease; }
.btn:hover .arr{ transform:translateX(3px); }

/* placeholders (striped) */
.ph{ position:relative; background:repeating-linear-gradient(135deg,#E9DFD0 0 16px,#E3D9C7 16px 32px); display:flex; align-items:flex-start; justify-content:flex-start; overflow:hidden; }
.ph .lbl{ font-family:var(--mono); font-size:11px; letter-spacing:.04em; color:#7F7460; text-transform:uppercase; background:rgba(252,250,245,.85); padding:6px 11px; border-radius:100px; margin:12px; }

/* nav */
header.nav{ position:sticky; top:0; z-index:50; background:rgba(247,243,236,.82); backdrop-filter:saturate(150%) blur(10px); border-bottom:1px solid var(--line); }
header.nav .wrap{ display:flex; align-items:center; justify-content:space-between; height:80px; }
header.nav .lg{ height:44px; }
header.nav nav{ display:flex; gap:32px; }
header.nav nav a{ text-decoration:none; color:var(--ink-2); font-size:14.5px; font-weight:500; }
header.nav nav a:hover,header.nav nav a.active{ color:var(--indigo); }
header.nav .right{ display:flex; align-items:center; gap:22px; }
header.nav .dealer{ text-decoration:none; color:var(--ink-2); font-size:14.5px; font-weight:600; }
header.nav .dealer:hover{ color:var(--indigo); }
.menu-btn{ display:none; }

/* footer */
footer.site{ background:var(--indigo-700); color:#C9CBE6; padding:60px 0 30px; margin-top:0; }
footer.site .top{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:32px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,.12); }
footer.site .lg{ height:52px; margin-bottom:14px; }
footer.site .addr{ font-size:13.5px; color:#A6A8D2; line-height:1.7; }
footer.site h6{ font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:.1em; color:#9698CC; font-weight:500; margin:0 0 14px; }
footer.site a{ display:block; text-decoration:none; color:#C9CBE6; font-size:14px; margin:8px 0; }
footer.site a:hover{ color:var(--cyan); }
footer.site .bottom{ display:flex; justify-content:space-between; align-items:center; padding-top:24px; flex-wrap:wrap; gap:12px; font-size:12.5px; color:#9698CC; }
footer.site .bottom .made-pill{ display:inline-flex; gap:8px; align-items:center; font-family:var(--mono); letter-spacing:.06em; text-transform:uppercase; }
footer.site .bottom .made-pill .leaf{ width:8px; height:8px; border-radius:50%; background:var(--cyan); }

@media (max-width:1000px){
  footer.site .top{ grid-template-columns:1fr 1fr; }
}
@media (max-width:680px){
  .wrap{ padding:0 22px; }
  header.nav nav, header.nav .dealer{ display:none; }
  .menu-btn{ display:inline-flex; }
}