/* Sample 5 · THE FITTING ROOM · skin for every page
   Dressing-room plum and blush, tall Anton headlines, soft spotlit tiles. */
:root {
  --ff: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ff-head: "Anton", "Manrope", system-ui, sans-serif;
  --black: #1d1320;
  --bg: #fbf4ee;
  --tile: #f4e7e0;
  --line: #ecdcd3;
  --radius: 22px;
  --k-bg: #fffaf3; --k-tile: #f4e7e0; --k-ink: #1d1320; --k-fh: "Anton", system-ui, sans-serif;
}
h1, h2 { font-weight: 400; text-transform: uppercase; letter-spacing: 0; }
.lux { text-transform: none; }
.hdr { background: #1d1320; }
.tabbar { background: #1d1320; border-top-color: #3a2340; }
.ftr { background: #1d1320; }
.pcard-body h3 { font-weight: 800; }
.btn:not(.btn-y):not(.btn-ghost) { background: #1d1320; }
.chip.on { background: #1d1320 !important; color: #fdc41b !important; }

/* beat the v3 'clean pages' rules */
body[data-page] { background: #fbf4ee; }
body[data-page] .pcard-img, body[data-page] .pp-gallery { background: radial-gradient(80% 70% at 50% 35%, #fbf4ee, #f0ddd4 75%); }
body[data-page] .phead { background: #1d1320; color: #f7ece6; border-bottom: 4px solid #fdc41b; }
body[data-page] .phead h1 { color: #fff; }
body[data-page] .phead h1 .lux { color: #fdc41b; background: none; }
body[data-page] .phead p, body[data-page] .phead .crumbs, body[data-page] .phead .crumbs a { color: rgba(255,255,255,.7); }

/* keep the iDeliver wordmark the same on every sample */
.brand-name { font-family: "Bricolage Grotesque", system-ui, sans-serif !important; text-transform: none !important; letter-spacing: -.035em !important; font-weight: 800 !important; }
.brand-sub { text-transform: uppercase; }