/* Light Atelier palette. Layout, copy, interactions and photographs stay in their original files. */
:root {
  --bg: #faf8f3;
  --surface: #f0ece3;
  --text: #282922;
  --muted: #5e625a;
  --gold: #74552f;
  --line: #81796733;
  --paper: #fffdf8;
  --ink: #282922;
  --paper-muted: #5e625a;
  --bronze: #74552f;
}

body { background: var(--bg); color: var(--text); }
::selection { background: #d9c6a2; color: var(--text); }
.skip-link { background: var(--gold); color: #fff; }
.site-header { border-bottom-color: var(--line); }
.site-header nav a,
.site-header nav .nav-results { color: var(--text); }
.site-header nav a:hover { color: var(--gold); }
.menu-toggle span { background: var(--text); }
.button-gold,
.mobile-book { background: var(--gold); color: #fff; }
.button-gold:hover { background: #5e4327; color: #fff; }
.button-outline { border-color: #74552f66; color: var(--gold); }
.button-outline:hover { background: #74552f12; }

.hero,
.personal-hero {
  background: radial-gradient(ellipse at 78% 42%, #e8dfce 0%, #f6f2e9 40%, var(--bg) 75%);
}
.hero-grid { opacity: .45; }
.hero-description { color: var(--text); }
.personal-hero .hero-description > span { color: var(--muted); }
.personal-hero h1 .serif { color: var(--gold); }
.hero-assurance,
.art-note small,
.art-coordinate,
.art-hint,
.motion-toggle,
.scroll-cue,
.edition { color: var(--muted); }
.hero-assurance i { background: #8c816c; }
.hero-offer {
  background: linear-gradient(120deg, #fffdf9, #f2e9da);
  border-color: #a98d6380;
  box-shadow: 0 15px 38px #69533413;
}
.hero-offer:hover { background: #fffdf8; border-color: var(--gold); }
.offer-eyebrow,
.hero-offer-price > span:first-child { color: var(--gold); }
.hero-offer > div > strong { color: var(--text); }
.standard-price { color: var(--muted); }
.portrait-halo { border-color: #a48b665c; }
.portrait-window { background: #e9e3d7; }
.portrait-window:after { background: linear-gradient(180deg, #fff9ef1a, transparent 65%); }
.portrait-label { color: #493c2c; text-shadow: 0 1px 10px #fffdf8; }

.benefit-strip,
.technology,
.contact { background: var(--surface); }
.benefit-strip { color: var(--muted); }
.tech-console { background: var(--paper); }
.tech-tabs button,
.tech-tabs button > span,
.tech-meta span,
.tech-meta p { color: var(--muted); }
.tech-tabs button[aria-selected=true],
.tech-tabs button[aria-selected=true] > span { color: var(--text); }
.body-frame,
.story-image,
.visible-results .story-image { background: var(--paper); }
.body-frame figcaption,
.body-frame figcaption > span:last-child,
.drag-hint,
.showcase-top,
.showcase-note,
.auto-rotate { color: var(--muted); }
.view-tabs { border-color: #74552f45; }
.view-tabs button { color: var(--muted); }
.view-tabs button[aria-selected=true] { background: var(--gold); color: #fff; }
.case-select button { border-color: #74552f45; color: var(--muted); }
.case-select button[aria-pressed=true] { color: var(--gold); background: #74552f12; }
.featured-copy dd { color: var(--text); }
.comparison,
.comparison-before,
.comparison-after,
.comparison-side img { background: #eee9de; }
.story { color: var(--text); }
.photo-expand { background: var(--paper); border-color: #74552f80; color: var(--gold); }
.featured-photo:hover .photo-expand { background: var(--paper); }
.results .featured-photo,
.visible-results .story-image { border-color: #74552f55; }
.results-cta > div > p:last-child { color: var(--text); }
#photo-dialog { background: var(--paper); color: var(--text); border-color: #74552f66; }

.reviews,
.awards,
.experience,
.first-visit,
.faq { background: var(--paper); color: var(--text); }
.contact { border-color: #74552f45; }
.contact-info > span,
footer p,
.footer-demo { color: var(--muted); }
.map-booksy { color: var(--gold); }

@media (max-width: 900px) {
  .site-header nav {
    background: #fffdf8fa;
    border-color: var(--line);
    box-shadow: 0 20px 45px #51453620;
  }
  .site-header nav a,
  .site-header nav .nav-results { color: var(--text); }
}