/* Concrete-gray page palette; the navigation retains its original dark theme. */
:root {
  color-scheme: light;
  --bg: #d6d7d4;
  --bg-rgb: 214, 215, 212;
  --surface: #e3e4e0;
  --text: #20231f;
  --muted: #50554e;
  --line: rgba(32, 35, 31, .23);
  --grid: rgba(32, 35, 31, .075);
  --accent: #8c430c;
  --cursor: #8c430c;
  --button-bg: #d4730f;
}

.site-header {
  color-scheme: dark;
  --bg: #080808;
  --text: #e6e6e6;
  --muted: #a3a3a3;
  --line: rgba(255, 255, 255, .15);
  --grid: rgba(255, 255, 255, .065);
  --accent: #d4730f;
  --cursor: #ff6600;
  color: var(--text);
}

::selection { background: #8c430c; color: #fff; }
.site-header ::selection { background: #d4730f; color: #080808; }
.skip-link, .button-primary { background: var(--button-bg); color: #171a16; }
.button-primary:hover { background: #e48324; }

.hero { background: var(--bg); }
.hero-description { color: #343a32; }
.hero-budget, .eyebrow, .hero-bottom { color: var(--muted); }
.hero-bottom { background: rgba(var(--bg-rgb), .96); }
.hero-scene img { filter: brightness(.92) saturate(.95); }
.scene-shade {
  background: linear-gradient(90deg,
    var(--bg) 0%,
    rgba(var(--bg-rgb), .97) 12%,
    rgba(var(--bg-rgb), .7) 28%,
    rgba(var(--bg-rgb), 0) 55%);
}
.scene-note, .image-caption { color: #f0f0ed; text-shadow: 0 1px 4px #080808; }
.scene-note > .technical { color: #ed9d4d; }
.scene-note > svg { stroke: #d4730f; }
.image-caption span:not(.small-cross) { color: #d0d0cc; }
.drawing-grid {
  background-image:
    linear-gradient(to right, var(--grid) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(32, 35, 31, .045) 1px, transparent 1px);
}
.axis { color: #565d53; }
.axis-top span::after { background: #656d62; }
.corner { color: #575f54; }
.hero > .top-right, .intro > .top-right,
.intro > .bottom-right, .consultation > .top-right,
.consultation > .bottom-right { color: #c6c9c2; }

.plan-stamp, .launch-deliverables, .footer { color: var(--muted); }
.details-icon, .condition-prepare h3 > span { color: #626b5e; }
.condition-column li > strong { color: var(--text); }
.sales-path > span:last-child, .inline-cta,
.growth-benefits .growth-availability, .faq-list summary:hover { color: var(--accent); }
.inline-cta:hover { color: #622e06; }

.brief, .lead-dialog {
  background-color: var(--surface);
  background-image: linear-gradient(to right, rgba(32, 35, 31, .045) 1px, transparent 1px);
}
dialog, .lead-dialog { color: var(--text); border-color: #8c9286; }
dialog::backdrop { background: rgba(16, 19, 15, .65); }
.lead-dialog .close-dialog { color: var(--muted); }
.lead-dialog .close-dialog:hover { color: var(--accent); }
.lead-form > input {
  color: var(--text);
  background: #eef0ea;
  border-bottom-color: #747f6e;
}
.lead-form > input::placeholder { color: #61695b; }
.lead-form > input:focus { border-bottom-color: var(--accent); }
.lead-form .consent-field { color: var(--muted); }
.consent-field input { background: #eef0ea; border-color: #69755f; }
.consent-field input:checked { background: var(--accent); border-color: var(--accent); }
.consent-field input:checked::after { border-color: #fff; }
.lead-status, #copy-status { color: #743908; }

@media (max-width: 800px) {
  .scene-shade {
    background: linear-gradient(180deg,
      var(--bg) 0%, rgba(var(--bg-rgb), .18) 13%, rgba(var(--bg-rgb), 0) 25%);
  }
  .hero-scene img { filter: brightness(.92) saturate(.95); }
  .hero > .top-right, .intro > .top-right, .consultation > .top-right { color: #575f54; }
  .intro > .bottom-left, .consultation > .bottom-left { color: #c6c9c2; }
}