/* ---------- dark theme overrides ---------- */
:root {
  --paper: #161c18;
  --paper-2: #1c2420;
  --card: #212b25;
  --plate: #f6f5ee; /* logo plates stay cream — the drawn logo needs a light sheet */
  --ink: #e9ede4;
  --ink-soft: #a9b4a7;
  --pine: #4f8266;
  --pine-deep: #639a7b;
  --sage: #55705f;
  --slate: #93a7c6;
  --slate-deep: #aebfda;
  --tan: #c9ad7d;
  --line: #2e3831;
  --grid: rgba(147, 167, 198, 0.07);
  --band-bg: #10150f;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 10px 28px rgba(0, 0, 0, 0.35);
}

.ped .btn { color: #f2f3ee; }
.ped .btn.ghost { color: #cfe0d4; border-color: #4a6354; }
.ped .btn.ghost:hover, .ped .btn.ghost:focus-visible { background: #232d26; }

.variant-bar {
  background: #0e1310;
  color: #b9c4b7;
  font-size: 13px;
  text-align: center;
  padding: 7px 16px;
  border-bottom: 1px solid var(--line);
}
.variant-bar a { color: #e9ede4; }

/* photo scrims: dark glass instead of light */
.sk-hero.has-photo {
  background-image:
    linear-gradient(rgba(13, 18, 14, 0.72), rgba(13, 18, 14, 0.52)),
    url("images/home-1.jpg");
}
.sk-contact.has-photo {
  background-image:
    linear-gradient(rgba(13, 18, 14, 0.78), rgba(13, 18, 14, 0.62)),
    url("images/home-14.jpg");
}
.sk-intro {
  background: rgba(22, 28, 24, 0.82);
  border-color: #3a463d;
  color: #c6cfc2;
}
.sk-tagline { color: #f0f3ea; }
.sk-tagline small { color: #a9bdd9; }

.more a:hover, .more a:focus-visible { background: #26302a; }
.sk-cols a:hover, .sk-cols a:focus-visible { background: #212b25; }

/* headshots & gallery frames sit on dark cards */
.bio img.headshot { border-color: #3a463d; }

/* plan drawings are white sheets — mat them so they don't glare */
.proj img { background: #f6f5ee; }