/* Surface-specific text colours: keep the champagne identity on dark panels. */
:root { --accent-ink: #75602f; --muted-ink: #655e52; }
.kicker, .step .n { color: var(--accent-ink); }
#szolgaltatasok .kicker, .ba-info .kicker, .step.active .n { color: var(--champagne2); }
.price-note { color: var(--muted-ink); }
.calc-right .price-note, .contact-card .price-note,
.google-badge .price-note, .price-card.featured .price-note { color: #cfc8b8; }
.tst .stars, .data-plate .fa-star { color: #886319 !important; }
.google-badge .stars { color: #e6c17c; }
#kapcsolat > .container > .h2 { color: #131110; background: var(--paper); }
.ba-info .spec .mono { color: #cfc8b8 !important; }
footer .brand-text small { color: #b9b09a; }
.scroll-hint { color: #b9b09a; }
.contact-card input::placeholder, .contact-card textarea::placeholder { color: #b9b09a; opacity: 1; }
.acc button i { color: var(--accent-ink); }

/* The overlay belongs to the caption, leaving the upper architecture bright. */
.work .ov {
  background: linear-gradient(0deg, rgba(10,9,8,.93) 0%, rgba(10,9,8,.80) 62%, rgba(10,9,8,.60) 100%);
}
.work .meta { color: #f2eee5; flex-wrap: wrap; column-gap: 12px; row-gap: 2px; }
.work .go { background: rgba(19,17,16,.65); }
.ba-label { background: rgba(19,17,16,.78); }
.hero-slider-ui { padding: 8px 10px; border-radius: 40px; background: rgba(19,17,16,.72); }
.parallax-cta {
  background-image: linear-gradient(90deg, rgba(19,17,16,.42), rgba(19,17,16,.65) 28%, rgba(19,17,16,.65) 72%, rgba(19,17,16,.42)), url('../images/d2433687c5d7.jpg');
}
.parallax-cta h2 { color: #fff; }
.parallax-cta p { color: #f0e8d9 !important; }

/* Scope inherited heading styles and retain contrast in hover/focus states. */
.svc h3, .step.active h4 { color: #ede8df; }
.svc:hover h3 { color: #131110; }
.contact-card select option { background: #fff; color: #131110; }
.hero-proof b > span, .data-plate b > span { font: inherit; letter-spacing: inherit; color: inherit; }
.btn-dark:hover { background: #29241f; color: #fff; }
:is(a, button, input, select, textarea, [role=button]):focus-visible { outline: 3px solid #886319; outline-offset: 4px; }
:is(.hero, .contact-card, .calc-right, .ba-info, #szolgaltatasok) :focus-visible { outline-color: #e6d3ae; }

.work h3 { color: #fff; }
@media (max-width: 640px) {
  .parallax-cta { background-image: linear-gradient(0deg, rgba(19,17,16,.35), rgba(19,17,16,.68) 25%, rgba(19,17,16,.68) 90%, rgba(19,17,16,.4)), url("../images/d2433687c5d7.jpg"); }
}