/* Consultexec charcoal + copper identity. Loaded after the original layout styles. */
:root {
  --ink: #24282c;
  --navy: #24282c;
  --teal: #975039;
  --copper: #bc7255;
  --copper-light: #dc9a7c;
  --paper: #faf7f4;
  --cream: #f4ede7;
  --line: #e7ded7;
  --muted: #6b6865;
}

body { color: var(--ink); }
a:hover { color: var(--teal); }
a:focus-visible, button:focus-visible { outline: 3px solid var(--copper-light); outline-offset: 4px; }
.site-header { border-bottom-color: var(--line); }
.brand { display: inline-flex; align-items: center; flex-shrink: 0; line-height: 0; }
.brand:hover { opacity: .88; }
.brand img { display: block; width: 225px; max-width: 100%; height: auto; }
.brand small { display: none; }
nav a.active { color: var(--teal); }
.menu-button { color: var(--ink); }

.hero { background: #24282c; }
.hero .eyebrow { color: #e6b297; }
.hero p { color: #f0e8e2; }
.hero-photo:before { background: linear-gradient(to right,#24282c,transparent); }
.eyebrow { color: var(--teal); }
.button { background: #975039; color: #fff; border: 1px solid #975039; transition: background .15s ease, color .15s ease, border-color .15s ease; }
.button:hover { background: #773d2c; border-color: #773d2c; color: #fff; }
.button-outline { background: transparent; border-color: #d5a790; color: #fff; }
.button-outline:hover { background: rgba(220,154,124,.17); border-color: #f5c5aa; color: #fff; }

.line { background: var(--copper); }
.service.highlight { border-top-color: var(--copper); }
.service h3 { color: var(--ink); }
.lead { color: #4e4c49; }
.service p { color: #5e5b58; }
.page-hero { background: #24282c; }
.page-hero p { color: #eee4dc; }
.testimonial p { color: #55514e; }
.contact { background: var(--cream); }
.contact input, .contact textarea { border-color: #d8ccc3; }
.form-note { color: var(--muted); }
.footer { background: #1d2023; color: #e0d5cd; border-top: 3px solid var(--copper); }
.footer a { color: #f7f0e9; }
.footer a:hover { color: #e6a887; }

@media(max-width:450px) {
  .brand img { width: 192px; }
}