/* HOLZCOM kitchen3 A/B visual variant.
   Dark premium skin: external-only CSS, shared clean markup and conversion logic unchanged. */

body.kitchen-variant--dark {
  --bg: #0d1013;
  --surf: #151a20;
  --soft: #1d242b;
  --sand: #20262d;
  --sage: #18251d;
  --clay: #241d15;
  --ink: #f3eadc;
  --muted: #a9a197;
  --brass: #c59a58;
  --brass-d: #9d7136;
  --brass-l: #dfbd7d;
  --line: rgba(223, 189, 125, .18);
  --dark: #080a0c;
  background:
    radial-gradient(circle at 15% -8%, rgba(197, 154, 88, .20), transparent 32rem),
    radial-gradient(circle at 86% 12%, rgba(67, 119, 83, .12), transparent 30rem),
    #0d1013;
  color: var(--ink);
}

body.kitchen-variant--dark .promo {
  background: #07090b;
  color: var(--brass-l);
  border-bottom: 1px solid var(--line);
}

body.kitchen-variant--dark header {
  background: rgba(13, 16, 19, .88);
  border-bottom-color: var(--line);
  box-shadow: 0 18px 55px rgba(0, 0, 0, .34);
  backdrop-filter: blur(18px);
}

body.kitchen-variant--dark .logo,
body.kitchen-variant--dark .phone,
body.kitchen-variant--dark .nav-links a,
body.kitchen-variant--dark .hh,
body.kitchen-variant--dark h2,
body.kitchen-variant--dark h3 {
  color: var(--ink);
}

body.kitchen-variant--dark .hero {
  background:
    linear-gradient(120deg, rgba(8, 10, 12, .88), rgba(8, 10, 12, .58)),
    url("/img/kitch37/1_1600.webp") center / cover no-repeat;
  padding-top: 36px;
  padding-bottom: 42px;
}

body.kitchen-variant--dark .hero-grid {
  min-height: 700px;
  background:
    linear-gradient(140deg, rgba(21, 26, 32, .92), rgba(13, 16, 19, .80)),
    radial-gradient(circle at 75% 20%, rgba(223, 189, 125, .18), transparent 25rem);
  border-color: var(--line);
  box-shadow: 0 34px 110px rgba(0, 0, 0, .42);
}

body.kitchen-variant--dark .hh span {
  color: var(--brass-l);
}

body.kitchen-variant--dark .lead,
body.kitchen-variant--dark .sec-head p,
body.kitchen-variant--dark .ucard p,
body.kitchen-variant--dark .hcard p,
body.kitchen-variant--dark .rcard p,
body.kitchen-variant--dark details p {
  color: var(--muted);
}

body.kitchen-variant--dark .conf-card,
body.kitchen-variant--dark .ucard,
body.kitchen-variant--dark .gcard,
body.kitchen-variant--dark .pcard,
body.kitchen-variant--dark .rcard,
body.kitchen-variant--dark .project-index,
body.kitchen-variant--dark .faq,
body.kitchen-variant--dark .band {
  background: linear-gradient(180deg, rgba(21, 26, 32, .96), rgba(13, 16, 19, .96));
  border-color: var(--line);
  box-shadow: 0 24px 80px rgba(0, 0, 0, .32);
}

body.kitchen-variant--dark .show {
  background: #07090b;
}

body.kitchen-variant--dark .show:after {
  background: linear-gradient(180deg, rgba(8, 10, 12, .18), rgba(8, 10, 12, .84));
}

body.kitchen-variant--dark .brands,
body.kitchen-variant--dark footer {
  background: #080a0c;
  border-color: var(--line);
}

body.kitchen-variant--dark .project-index__page,
body.kitchen-variant--dark .project-link,
body.kitchen-variant--dark .project-index__pager,
body.kitchen-variant--dark .btn-line {
  background: rgba(255, 255, 255, .035);
  color: var(--ink);
  border-color: var(--line);
}

body.kitchen-variant--dark .project-index__page.is-active,
body.kitchen-variant--dark .project-link:hover,
body.kitchen-variant--dark .btn-cta {
  background: var(--brass);
  border-color: var(--brass);
  color: #15100a;
}

body.kitchen-variant--dark .pcard.hot {
  background: linear-gradient(180deg, rgba(42, 34, 21, .96), rgba(21, 26, 32, .96));
}

body.kitchen-variant--dark .lb-card,
body.kitchen-variant--dark .lb-side {
  background: var(--surf);
  color: var(--ink);
}

@media (max-width: 700px) {
  body.kitchen-variant--dark .hero {
    padding-top: 18px;
    background:
      linear-gradient(180deg, rgba(8, 10, 12, .78), rgba(8, 10, 12, .96)),
      url("/img/kitch37/1_1600.webp") center top / cover no-repeat;
  }

  body.kitchen-variant--dark .hero-grid {
    min-height: auto;
    border-radius: 24px;
  }

  body.kitchen-variant--dark .hh {
    font-size: clamp(31px, 8.8vw, 36px);
    line-height: 1.04;
  }
}

/* Components the dark skin missed on the landing itself.
   kitchen-main.css is the light base: project cards, calculator segments, the outline
   hero button and the step markers keep their white/grey surfaces, so on this canvas the
   card titles sat at 1.19:1 and the meta line at 2.55:1. */

body.kitchen-variant--dark .project-card {
  background: var(--surf);
  border-color: var(--line);
}

body.kitchen-variant--dark .project-card__name { color: var(--ink); }
body.kitchen-variant--dark .project-card__meta { color: var(--muted); }
body.kitchen-variant--dark .project-card__project { color: var(--brass-l); }

body.kitchen-variant--dark .btn-line,
body.kitchen-variant--dark .project-index__pager { color: var(--ink); }

body.kitchen-variant--dark .quick-calc__segments { background: var(--soft); }
body.kitchen-variant--dark .quick-calc__segment { color: var(--muted); }
body.kitchen-variant--dark .quick-calc__segment.is-active {
  background: var(--sand);
  color: var(--ink);
}

body.kitchen-variant--dark .step { background: var(--soft); }
body.kitchen-variant--dark .step .tx { color: var(--ink); }
body.kitchen-variant--dark .step.on { background: var(--clay); }

/* brass-d is too dark for small caps on the near-black canvas */
body.kitchen-variant--dark .kick,
body.kitchen-variant--dark .contacts-map__head a { color: var(--brass); }