/* Carlos Marquez Landing - contrast pass v1
   Goal: darker premium background, mainly for iPhone/mobile reading.
   This file is intentionally isolated for easy rollback. */

html,
body {
  background: #030302 !important;
}

body {
  color-scheme: dark;
}

.cm-page {
  background: #030302 !important;
}

.hero,
.section {
  background-color: #040302 !important;
}

.hero {
  background:
    radial-gradient(circle at 50% 0%, rgba(120, 88, 36, 0.16), transparent 38%),
    linear-gradient(180deg, #030302 0%, #050403 52%, #030302 100%) !important;
}

.section--portfolio,
.section--commercial,
.section--about,
.section--fit,
.section--process,
.section--testimonials,
.section--faq {
  background:
    radial-gradient(circle at 50% 0%, rgba(90, 64, 28, 0.08), transparent 42%),
    linear-gradient(180deg, #050403 0%, #030302 100%) !important;
}

.commercial-card,
.testimonial-card,
.faq-card,
.portfolio-card,
.gallery-card,
.cm-panel,
.hero-v2__card {
  background: rgba(12, 10, 8, 0.92) !important;
  border-color: rgba(201, 166, 93, 0.18) !important;
}

.section-head p,
.commercial-card p,
.commercial-card li,
.testimonial-card p,
.faq-card p {
  color: rgba(244, 239, 230, 0.84);
}

@media (max-width: 767px) {
  html,
  body,
  .cm-page {
    background: #020201 !important;
  }

  .hero,
  .section {
    background-color: #030302 !important;
  }

  .commercial-card,
  .testimonial-card,
  .faq-card,
  .portfolio-card,
  .gallery-card,
  .cm-panel,
  .hero-v2__card {
    background: rgba(10, 8, 7, 0.94) !important;
  }
}