/*
 RCR Ltd — automatic system appearance.
 The existing dark experience remains the default. Visitors using a light
 operating-system/browser setting receive readable warm-neutral surfaces.
 The brand header, photography overlays, cinematic intro and footer intentionally
 retain their dark presentation in both modes for logo contrast.
 No JavaScript, fingerprinting, cookies, or preference persistence.
*/
:root { color-scheme: dark; }
@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --bg: #f6f5ef;
    --panel: #ffffff;
    --text: #17231b;
    --muted: #445047;
    --line: #cfd6cb;
  }
  body { background: #f6f5ef; color: #17231b; }

  /* Identity-bearing surfaces retain contrast with the existing light logo. */
  .site-header, .site-header .nav, .footer {
    background-color: #050706;
    color: #f6f4ed;
  }
  .site-header a, .site-header .nav a, .site-header .header-trust,
  .site-header .menu-toggle { color: #f6f4ed; }
  .footer a, .footer p, .footer-bottom { color: #e7e5df; }
  .footer .socials a, .footer h3 { color: #f4c23e; }

  /* Image-led hero, regional map and photographic CTAs remain dark by design. */
  .hero, .areas, .cta-band, .seo-hero, .seo-cta, .rcr-grade-detail-hero {
    color: #f7f5ef;
  }
  .hero h1 .white, .hero-sub, .hero-trust-row,
  .areas h2, .areas-copy p, .areas-side, .area-side,
  .seo-hero h1, .seo-hero p, .seo-cta h2, .seo-cta p,
  .rcr-grade-detail-hero h1, .rcr-grade-detail-hero p,
  .cta-band p, .cta-band h2 { color: #f7f5ef; }
  .hero .btn-outline { color: #fff; }
  .seo-breadcrumb { color: #efede6; }
  .seo-breadcrumb a { color: #f4c23e; }
  .areas-copy a:not(.btn) { color: #f4c23e; }
  .cta-mobile, .cta-mobile-copy p, .cta-mobile-benefits span { color: #f7f5ef; }

  /* Core homepage content. */
  .services-strip, .projects, .seo-page { background: #f1f2ed; }
  .service-card {
    background: #fff;
    border-color: #d1d8ce;
    box-shadow: 0 6px 22px rgba(12,28,16,.07);
    color: #1b2921;
  }
  .service-card h2, .service-card p { color: #27352b; }
  .service-icon { background: #f4c23e; border-color: #fff; color: #102016; }
  .service-card a {
    color: #70500a; background: #fff9e8;
    border-color: #cba23a;
  }
  .service-card a:hover { background: #f9e8b4; color: #36270b; }
  .projects h2, .projects .section-row { color: #192a1f; }
  .project-grid img { background: #e7ebe5; border-color: #cdd5c9; }

  /* Written service and regional landing pages. */
  .seo-main, .seo-main h2 { color: #18281e; }
  .seo-main p { color: #384a3e; }
  .seo-checks li, .seo-card, .seo-related {
    background: #fff;
    color: #213226;
    border-color: #ccd5ca;
  }
  .seo-checks li:before { color: #795709; }
  .seo-card a, .seo-related a, .seo-page .seo-card .rcr-quote-online-sidebar {
    color: #74520a; border-color: #a77b1d;
  }

  /* Real site work, gallery and case-study surfaces. */
  .rcr-field-feature, .rcr-grade-feature {
    background: #fff;
    border-color: #cbd4c7;
    color: #19291d;
  }
  .rcr-field-feature-content p, .rcr-grade-feature-copy p,
  .rcr-grade-detail-intro p, .rcr-grade-service p,
  .rcr-grade-gallery-card figcaption p { color: #3b4c40; }
  .rcr-field-feature-photo figcaption {
    background: #eef1e9; color: #29392d;
  }
  .rcr-grade-service, .rcr-grade-gallery-card, .rcr-grade-bottom-cta {
    background: #fff; border-color: #cbd4c7; color: #19291d;
  }
  .rcr-grade-service h3 { color: #1b2920; }
  .rcr-grade-service-link { color: #75520a; }
  .rcr-grade-gallery-card>a, .rcr-grade-service-img,
  .rcr-grade-feature-photo { background: #e4e9e0; }
  .rcr-grade-feature-thumbs a { border-color: #cbd3c7; background: #fff; }
  .rcr-grade-bottom-cta p { color: #3c4c40; }
  .rcr-grade-photo-label {
    background: #fff8e4; color: #62450a; border-color: #b88d33;
  }

  /* Quote intake must remain legible on light phones as well as desktops. */
  .rcr-online-quote {
    background: #edf1eb; color: #17281d; border-top-color: #cbd6cb;
  }
  .rcr-quote-intro h2 { color: #192a20; }
  .rcr-quote-eyebrow, .rcr-quote-contact a { color: #70500b; }
  .rcr-quote-intro p { color: #3b4d41; }
  .rcr-quote-form {
    background: #fff; color: #18281d; border-color: #c9d3c9;
    box-shadow: 0 13px 36px rgba(19,40,23,.09);
  }
  .rcr-quote-grid label, .rcr-quote-consent { color: #23392a; }
  .rcr-quote-form input:not([type=checkbox]),
  .rcr-quote-form select, .rcr-quote-form textarea {
    color: #17271d; background: #fcfdfb; border-color: #96a99a;
  }
  .rcr-quote-form input::placeholder,
  .rcr-quote-form textarea::placeholder { color: #526459; opacity: 1; }
  .rcr-quote-privacy, .rcr-quote-note { color: #4c6052; }
  .rcr-quote-status { color: #23512e; }
  .rcr-quote-status[data-error=true] { color: #a22b21; }
  .rcr-quote-form :is(input,select,textarea,button):focus-visible,
  .seo-page :is(.rcr-quote-online-action,.rcr-quote-online-sidebar):focus-visible {
    outline: 3px solid #a47412; outline-offset: 2px;
  }
}
