/* V117 — unify Services and Process shell with the approved Contact tone.
   Keep black cards / dark accents for contrast.
   Do not touch structure, typography, or brand red. */

:root {
  --v117-shell-tone: var(--paper);
  --v117-dark-divider: #15181d;
  --v117-dark-card: #090b10;
}

/* SERVICES — same premium outer tone as Contact */
#services,
#services.section,
#services .container,
#servicesStage,
.services-stage {
  background: var(--v117-shell-tone) !important;
}

#services {
  color: #111111 !important;
  border-top: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
}

#services .section-kicker {
  color: var(--red) !important;
}

#services .section-title {
  color: #0f1012 !important;
}

#services .section-copy,
#services .services-header .section-copy {
  color: #5e636b !important;
}

/* Keep the 3x2 service cards dark, but let the surrounding shell breathe like Contact */
#services .service-grid {
  background: var(--v117-dark-divider) !important;
  border-color: var(--v117-dark-divider) !important;
}

#services .service-card,
#services .service-detail,
#services .service-detail-content,
#services .service-detail-visual {
  background: var(--v117-dark-card) !important;
}

#services .service-detail-frame {
  background: var(--v117-dark-divider) !important;
}

/* PROCESS / NAŠ PRISTUP — same premium shell tone as Contact */
#process.section-process {
  background: var(--v117-shell-tone) !important;
  border-top: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
}

#process .process-preview-grid,
#process .process-grid {
  background: transparent !important;
}

/* Keep dark process accents intact; just ensure the section shell stays in the Contact tone */
#process .process-summary {
  margin-top: 36px !important;
}