/* ===== Shared Design Tokens ===== */
/* Glassmorphism background utility class */
.bg-accent-opacity {
/* From https://css.glass */
background: rgba(255, 255, 255, 0.7);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
}


:root{
  --brand:#b86b74; --brand-ink:#ffffff; /*  6B2140 */
  --brand-dark: #6B2140;
  --ink:#1f1f1f; --muted:#666b73; --subtle:#8b9096;
  --bg:#ffffff; --surface:#ffffff; --surface-2:#fafafa;
  --border:rgba(0,0,0,.10); --shadow:0 10px 28px rgba(0,0,0,.12);
  --mint:#DDEFF1; --gold:#F5EEDF; --blush:#F3DFE5; --lilac:#E9E6F6;
  --peach:#F8E6DF; --sage:#E4F0E7; --sky:#E6F2FB; --sand:#F2ECE6;
  --container:1120px; --radius:16px; --radius-sm:12px; --tap:44px;
  --bs-dropdown-link-active-bg: grey;
}

button {
background-color: var(--brand);
}

@media (prefers-color-scheme:dark){
  :root{ --bg:#0f0f11; --surface:#17171a; --surface-2:#131315; --ink:#e9e9e9; --muted:#bdbdbd; --subtle:#a9aeb6; --border:rgba(255,255,255,.12);
         --peach:#3b2f2b; --sage:#2c3a32; --sky:#27323a; --lilac:#2e2b3a; --sand:#2f2a26; }
}
html{ color-scheme:light dark; } *{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--ink); font-family:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"Noto Sans",sans-serif; line-height:1.6; font-size:16px; }
h1,h2,h3{ font-family:'Playfair Display',serif; color:var(--brand); line-height:1.2; margin:0 0 .5rem; }
h1{ font-size:clamp(30px,5vw,48px); font-weight:700; letter-spacing:-.01em; }
h2{ font-size:clamp(24px,3.2vw,32px); font-weight:700; } h3{ font-size:clamp(18px,2vw,22px); font-weight:700; }
p{ margin:.25rem 0 1rem; color:var(--muted); } a{ color:inherit; text-decoration:none; } img{ max-width:100%; height:auto; display:block; }
.container{ max-width:var(--container); margin:0 auto; padding:0 16px; }
.section{ padding: clamp(36px,6vw,72px) 0; } .card{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); }
/* Buttons */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:var(--tap); padding:10px 16px; border-radius:12px; font-weight:700; border:1px solid transparent; text-decoration:none; transition: transform .16s ease, box-shadow .16s ease, background .16s ease; }
.btn:focus-visible{ outline:3px solid color-mix(in lab, var(--brand), white 40%); outline-offset:2px; }
.btn--primary{ background:var(--brand); color:var(--brand-ink); }
.btn--ghost{ background:transparent; color:var(--ink); border:1px solid var(--border); }
.btn--ghost:hover{ background:rgba(0,0,0,.05); } @media (prefers-color-scheme:dark){ .btn--ghost:hover{ background:rgba(255,255,255,.08); } }
.btn:hover{ transform: translateY(-1px); box-shadow: var(--shadow); }
/* Grid helpers */
.grid{ display:grid; gap:16px; grid-template-columns:repeat(12,1fr); align-items:stretch; }

#services {
  padding-top: 10px;
}

.chip img {
  display: inline;
  width: 24px;
}