.light-section {
  --gold: #82602b;
  --muted: #5d574f;
  --line: #cfc2ac;
  color: #27251f;
  background: #f5f0e7;
}
.light-section .eyebrow { color: #82602b; }
.light-section em { color: #82602b; }
.light-section .text-link { color: #765420; border-color: #a78a58; }
.light-section .package-list article,
.light-section .deliverables li { border-color: #cfc2ac; }
.light-section .package-list article > span,
.light-section .deliverables > li > span { color: #82602b; }
.light-section .button { color: #221e17; border-color: #b3975e; }
.light-section a:focus-visible,
.light-section button:focus-visible,
.light-section summary:focus-visible { outline-color: #82602b; }
.practice.light-section { background: linear-gradient(120deg,#eee4d4,#f7f2e9); }
.light-section .practice-grid p,
.light-section .micro { color: #5d574f; }
.light-section > .faq { padding-top: 46px; }
.light-section .faq details { border-color: #cfc2ac; }
.light-section .faq details p { color: #5d574f; }
.light-section summary::after { color: #82602b; }
.potential.light-section { border-color: #d8c8ae; background: #eee7db; }
.light-section .potential-fields {
  background: #fcfaf5;
  border-color: #cdbb9c;
  box-shadow: 0 8px 24px #6b542609;
}
.light-section .potential-fields input {
  color: #27251f;
  background: #fffefa;
  border-color: #bcaf9a;
}
.light-section .potential-fields input:focus-visible { outline-color: #82602b; border-color: #82602b; }
.light-section .potential-fields input[aria-invalid=true] { border-color: #a53d25; }
.light-section .potential-error { color: #9d3521; }
.light-section .potential-reset { color: #765420; border-color: #bda67e; }
.light-section .potential-notes summary { color: #765420; }
.light-section .potential-results {
  --gold: #d5b56d;
  --muted: #c1beb7;
  color: #fcfaf6;
}
.light-section .potential-results .eyebrow { color: #d5b56d; }
.light-section .potential-results .micro { color: #c1beb7; }
.light-section .potential-results .button { color: #221e17; }
@media (hover: hover) and (pointer: fine) {
  .light-section .text-link:hover,
  .light-section .faq summary:hover { color: #624414; }
  .light-section .package-list article:hover,
  .light-section .deliverables li:hover { border-color: #82602b; }
  .light-section .potential-reset:hover { background: #e9ddc6; }
}
@media (max-width: 800px) {
  .light-section > .faq { padding-top: 34px; }
}