:root {
  color-scheme: light;
  --ivory: #f5f1eb;
  --linen: #fffcf8;
  --khaki: #e9ddcb;
  --olive: #30251f;
  --ink: #2b2420;
  --bronze: #80572f;
  --line: #d6c5ae;
}
body {
  color: var(--ink);
  background: radial-gradient(ellipse at 80% 0%, #ebe0d1 0, transparent 34rem), var(--ivory);
}
main > header {
  border-color: var(--line);
  color: var(--olive);
}
header img { box-shadow: 0 3px 10px #28251b24; }
.eyebrow, .choice-number, .hero-link { color: var(--bronze); }
.site-sidebar, .site-sidebar nav, .contact, footer { border-color: var(--line); }
.site-sidebar a { border-radius: 3px; }
.site-sidebar a:hover, .site-sidebar a:focus-visible, .site-sidebar a[aria-current=page] {
  background: var(--khaki);
  color: var(--olive);
}
.button, .menu-toggle, .project-choice {
  background: var(--olive);
  color: var(--linen);
}
.project-choice {
  border: 1px solid var(--olive);
  box-shadow: 0 8px 20px #31271915;
}
.project-choice:nth-child(2) {
  background: var(--khaki);
  color: var(--ink);
  border-color: var(--line);
}
.project-choice:first-child .choice-number, .project-choice:first-child .choice-arrow { color: #ead3ad; }
.project-choice:nth-child(2) .choice-arrow { color: var(--bronze); }
.button:hover, .menu-toggle:hover { background: #49372a; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 2px solid var(--bronze);
  outline-offset: 4px;
}
.panel, article {
  background: var(--linen);
  border-color: var(--line);
  box-shadow: 0 8px 24px #392b1e0c;
}
fieldset { border-color: var(--line); }
input, select {
  background: #fffdf8;
  border-color: #8d7d66;
  color: var(--ink);
}
.hero .art { box-shadow: 0 12px 30px #30221624; }

/* Warm metallic accents on the interface, with natural product imagery. */
:root { --champagne: #ead3ad; }
header strong { letter-spacing: .105em; }
.project-choice:first-child {
  background: linear-gradient(135deg, #453429, var(--olive) 72%);
}
.project-choice:nth-child(2) { background: #eee3d3; }
.hero-steps { border-color: var(--line); border-left-color: var(--bronze); }
.step-no, .atelier-kicker, .planner-step summary::after { color: var(--bronze); }
.view-tools button { color: var(--ink); border-color: var(--line); background: var(--linen); }
.view-tools button[aria-pressed=true] { background: var(--olive); color: var(--linen); border-color: var(--olive); }
#summary { background: #eee5d9; color: var(--ink); }
.app-platforms span { color: var(--bronze); }

main > header .brand {
  min-width: 0;
  padding: .35rem .75rem .35rem .35rem;
  border-radius: 7px;
  background: #080808;
  color: #c69669;
}
main > header .brand img { flex: none; }
main > header .menu-toggle { flex: none; }
@media (max-width: 490px) {
  main > header .brand { gap: .45rem; padding-right: .55rem; line-height: 1.25; }
  main > header .brand strong { letter-spacing: .065em; }
}