/* Soft Charcoal production theme — selected from local design study Option 5. */
body.light-preview{
  --light-ground:#f7f3ec;
  --light-ground-2:#eee7dc;
  --light-surface:#fbf8f3;
  --light-ink:#1d2935;
  --light-muted:#737a7d;
  --light-hair:#d9d1c6;
  --light-accent:#249fd3;
  --light-soft:#4f5b63;
  margin:0;
  background:var(--light-ground);
}
body.light-preview #ir-root{
  --ground:var(--light-ground);
  --ground-2:var(--light-ground-2);
  --ink:var(--light-ink);
  --muted:var(--light-muted);
  --hair:var(--light-hair);
  --sky:var(--light-accent);
  background:var(--light-ground);
  color:var(--light-ink);
}
body.light-preview #ir-root ::selection{background:color-mix(in srgb,var(--light-accent) 24%,white);color:var(--light-ink);}
body.light-preview .nav{
  background:color-mix(in srgb,var(--light-surface) 82%,transparent);
  border-bottom-color:color-mix(in srgb,var(--light-hair) 72%,transparent);
  -webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);
}
body.light-preview .nav.scrolled{
  background:color-mix(in srgb,var(--light-surface) 94%,transparent);
  border-bottom-color:var(--light-hair);
}
body.light-preview .nav-logo .wordmark,
body.light-preview .nav-links a,
body.light-preview .nav-phone,
body.light-preview .mobile-menu a{color:var(--light-ink);}
body.light-preview .nav-logo svg [stroke="#EDEFF6"],
body.light-preview .footer-logo svg [stroke="#EDEFF6"]{stroke:var(--light-ink);}
body.light-preview .menu-btn .bar{background:var(--light-ink);}
body.light-preview .mobile-menu{background:var(--light-surface);}
body.light-preview .hero-media img{filter:saturate(.92) contrast(1.01) brightness(1.04);}
body.light-preview .hero-media::before{
  background:
    linear-gradient(to bottom,rgba(250,250,247,.44) 0%,rgba(250,250,247,.12) 24%,transparent 42%),
    linear-gradient(to top,rgba(14,25,35,.78) 0%,rgba(14,25,35,.56) 18%,rgba(14,25,35,.24) 42%,transparent 70%);
}
body.light-preview .hero-media::after{background:rgba(255,255,255,.02);}
body.light-preview .hero-content{color:#fff;}
body.light-preview .hero h1{text-shadow:0 2px 30px rgba(9,20,30,.54),0 1px 6px rgba(9,20,30,.45);}
body.light-preview .hero-rule .line{background:rgba(255,255,255,.55);}
body.light-preview .hero-meta{color:rgba(255,255,255,.9);}
body.light-preview .hero-meta .sep{color:rgba(255,255,255,.46);}
body.light-preview .hero-meta a{border-bottom-color:rgba(255,255,255,.5);}
body.light-preview .intro-body p,
body.light-preview .svc-cols span,
body.light-preview .why-side p,
body.light-preview .steps p,
body.light-preview .person .p-line{color:var(--light-soft);}
body.light-preview .svc-cols span{border-bottom-color:color-mix(in srgb,var(--light-hair) 72%,transparent);}
body.light-preview .tagline p{color:var(--light-ink);}
body.light-preview figure.ph img{filter:saturate(.9) contrast(1.02) brightness(.98);}
body.light-preview figure.ph .frame::after{
  background:linear-gradient(to top,rgba(12,24,34,.86) 0%,rgba(12,24,34,.46) 14%,rgba(12,24,34,.08) 34%,transparent 52%);
}
body.light-preview figure.ph figcaption .cap-title{color:#fff;}
body.light-preview figure.ph figcaption .cap-sub{color:rgba(255,255,255,.72);}
body.light-preview .field input:hover,
body.light-preview .field select:hover,
body.light-preview .field textarea:hover{border-color:color-mix(in srgb,var(--light-ink) 45%,var(--light-hair));}
body.light-preview .field input::placeholder,
body.light-preview .field textarea::placeholder{color:color-mix(in srgb,var(--light-muted) 72%,white);}
body.light-preview .field select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.25 6 6.25l5-5' fill='none' stroke='%234f5b63' stroke-width='1.25'/%3E%3C/svg%3E");
}
body.light-preview .field select option{background:var(--light-surface);color:var(--light-ink);}
body.light-preview .submit-btn{border-color:color-mix(in srgb,var(--light-ink) 35%,transparent);color:var(--light-ink);}
body.light-preview .submit-btn:hover{background:var(--light-ink);border-color:var(--light-ink);color:var(--light-surface);}
body.light-preview .footer-credit{color:var(--light-muted);}
body.light-preview input:-webkit-autofill,
body.light-preview textarea:-webkit-autofill,
body.light-preview select:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px var(--light-ground) inset;
  -webkit-text-fill-color:var(--light-ink);
  caret-color:var(--light-ink);
}
/* Medium studies: a measured bridge between the original navy site and the light concepts. */
body.medium-preview #ir-root{
  --ground:var(--medium-ground);
  --ground-2:var(--medium-ground-2);
  --ink:#f3f4f2;
  --muted:#aab2b8;
  --hair:var(--medium-hair);
  background:var(--medium-ground);
  color:#f3f4f2;
}
body.medium-preview{
  --medium-ground:#26313b;
  --medium-ground-2:#303d48;
  --medium-hair:#46535e;
}
body.medium-preview .section.light-panel{
  --ground:var(--light-ground);
  --ground-2:var(--light-ground-2);
  --ink:var(--light-ink);
  --muted:var(--light-muted);
  --hair:var(--light-hair);
  color:var(--light-ink);
  background:var(--light-surface);
}
body.medium-preview .section.light-panel .label{color:var(--light-muted);}
body.medium-preview .section.light-panel .section-head .rule,
body.medium-preview .section.light-panel .svc-list,
body.medium-preview .section.light-panel .svc-item,
body.medium-preview .section.light-panel .people,
body.medium-preview .section.light-panel .person{border-color:var(--light-hair);}
body.medium-preview .section.light-panel .svc-btn,
body.medium-preview .section.light-panel .phone-big{color:var(--light-ink);}
body.medium-preview .section.light-panel .intro-body p,
body.medium-preview .section.light-panel .svc-cols span,
body.medium-preview .section.light-panel .why-side p,
body.medium-preview .section.light-panel .steps p,
body.medium-preview .section.light-panel .person .p-line{color:var(--light-soft);}
body.medium-preview .section.light-panel .field input,
body.medium-preview .section.light-panel .field select,
body.medium-preview .section.light-panel .field textarea{color:var(--light-ink);border-color:var(--light-hair);}
body.medium-preview .section.light-panel .field label,
body.medium-preview .section.light-panel .form-note,
body.medium-preview .section.light-panel .field-help{color:var(--light-muted);}
body.medium-preview .section.light-panel .submit-btn{color:var(--light-ink);border-color:color-mix(in srgb,var(--light-ink) 35%,transparent);}
body.medium-preview .section.light-panel .submit-btn:hover{background:var(--light-ink);color:var(--light-surface);}
body.medium-preview .why-side p,
body.medium-preview .steps p{color:rgba(243,244,242,.76);}
body.medium-preview .tagline p{color:rgba(243,244,242,.94);}
body.medium-preview .footer-word{color:#f3f4f2;}
body.medium-preview .footer-logo svg [stroke="#EDEFF6"]{stroke:#f3f4f2;}
/* Option 5 — the original mood, lifted from midnight navy to soft mineral charcoal. */
body.theme-soft-charcoal{
  --light-ground:#424b52;
  --light-ground-2:#4a555d;
  --light-surface:#454f57;
  --light-ink:#f4f3ee;
  --light-muted:#b5bcc0;
  --light-hair:#626c73;
  --light-accent:#55b8df;
  --light-soft:#d3d7d8;
  --medium-ground:#3b454d;
  --medium-ground-2:#465159;
  --medium-hair:#5e6971;
}
body.theme-soft-charcoal .nav,
body.theme-soft-charcoal .nav.scrolled{
  background:rgba(54,64,72,.86);border-bottom-color:rgba(255,255,255,.16);
}
body.theme-soft-charcoal .nav-logo .wordmark,
body.theme-soft-charcoal .nav-links a,
body.theme-soft-charcoal .nav-phone,
body.theme-soft-charcoal .mobile-menu a{color:#f4f3ee;}
body.theme-soft-charcoal .nav-logo svg [stroke="#EDEFF6"]{stroke:#f4f3ee;}
body.theme-soft-charcoal .menu-btn .bar{background:#f4f3ee;}
body.theme-soft-charcoal .mobile-menu{background:#3b454d;}
body.theme-soft-charcoal .intro-body p,
body.theme-soft-charcoal .svc-cols span,
body.theme-soft-charcoal .why-side p,
body.theme-soft-charcoal .steps p,
body.theme-soft-charcoal .person .p-line{color:#d3d7d8;}
body.theme-soft-charcoal .tagline{background:#343d44;}
body.theme-soft-charcoal .field input,
body.theme-soft-charcoal .field select,
body.theme-soft-charcoal .field textarea{color:#f4f3ee;}
body.theme-soft-charcoal .field input::placeholder,
body.theme-soft-charcoal .field textarea::placeholder{color:#9fa8ad;}
body.theme-soft-charcoal .submit-btn{color:#f4f3ee;border-color:rgba(255,255,255,.34);}