/* Marketing Lead | 22 Oct 2026 | Shared Soft Luxury Design System
   Loaded LAST on each public HTML template; does not affect /admin.
   WCAG-minded navy typography, pearl surfaces, lavender controls and restrained depth.
*/
:root{
  --ml-soft-page:#fffdfc;--ml-soft-paper:#ffffff;--ml-soft-mist:#f7f2fa;
  --ml-soft-pearl:#fdf9fb;--ml-soft-border:#e9e3ef;
  --ml-soft-ink:#22263c;--ml-soft-muted:#5d647b;
  --ml-soft-violet:#6b5796;--ml-soft-violet2:#8572a6;--ml-soft-peach:#eac0b4;
  --ml-form-purple:#6b5796;--ml-form-orange:#b98a96;--ml-form-pink:#a38bb7;
  --mlp-purple:#6b5796;--mlp-orange:#b98a96;--purple:#7965a0;--pink:#b68cb5;--orange:#dea99b;
}
html{color-scheme:light}
body{background:var(--ml-soft-page);color:var(--ml-soft-ink)}
:where(main) :where(h1,h2,h3,h4){text-wrap:balance}
:where(main) :where(p,li){overflow-wrap:break-word}
:where(main) a:focus-visible,:where(footer) a:focus-visible,
button:focus-visible{outline:3px solid #9078bc!important;outline-offset:3px!important}
.site-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #f0eaf1!important;box-shadow:0 8px 26px rgba(47,43,66,.055)!important}
/* Keep commercially relevant highlighted words legible instead of neon. */
.hero-content h1 span,.hero-content h1 .highlight,.ml-lux-hero h2 span{
  background:linear-gradient(110deg,#78629f,#a77ba5,#bd908c)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
/* Shared consultation card used on all 28 commercial templates. */
.ml-form-shell,
#contact .elg-panel.ml-form-shell,#contact .dev-panel.ml-form-shell,
#contact .sem-panel.ml-form-shell,#contact .smm-panel.ml-form-shell,
.ml-consult-card.ml-form-shell,.lead-card.ml-form-shell,.lead-form-card.ml-form-shell{
  border:1px solid rgba(195,177,209,.48)!important;border-radius:26px!important;
  background:linear-gradient(140deg,rgba(255,255,255,.98),rgba(253,250,254,.97) 68%,rgba(255,250,248,.96))!important;
  box-shadow:0 18px 50px rgba(77,66,104,.075),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.ml-form-shell::before{
  height:2px!important;background:linear-gradient(90deg,#b5a0cc,#d5bed4,#e9c4af)!important;
}
.ml-form-shell :where(h2,h3),.ml-panel-form-intro h3{color:var(--ml-soft-ink)!important;letter-spacing:-.035em!important}
.ml-form-shell > p:not(.ml-form-privacy),.ml-panel-form-intro p{color:var(--ml-soft-muted)!important}
.ml-form-shell .ml-form-kicker,.ml-form-kicker{
  color:#66538e!important;background:#f3edf8!important;border:1px solid #e8def1!important;
  border-radius:999px!important;font-size:10px!important;letter-spacing:.085em!important;
}
form[data-ml-form="consultation"] input:not([type="hidden"]),
form[data-ml-form="consultation"] select,
form[data-ml-form="consultation"] textarea{
  border:1px solid #e7e3eb!important;border-radius:14px!important;
  background:rgba(255,255,255,.95)!important;color:#282b43!important;
  box-shadow:0 4px 14px rgba(57,50,78,.024)!important;
  font-size:14px!important;
}
form[data-ml-form="consultation"] input:not([type="hidden"]),
form[data-ml-form="consultation"] select{height:53px!important;min-height:53px!important}
form[data-ml-form="consultation"] textarea{
  height:108px!important;min-height:108px!important;max-height:240px!important;resize:vertical!important;
}
form[data-ml-form="consultation"] :is(input,select,textarea):focus{
  border-color:#a691be!important;box-shadow:0 0 0 4px rgba(156,130,191,.13)!important;
  outline:none!important;
}
form[data-ml-form="consultation"] button[type="submit"],
form.ml-consultation-form button[type="submit"],
form[action*="send-mail"] button[type="submit"]{
  min-height:54px!important;border-radius:15px!important;
  color:white!important;background:linear-gradient(110deg,#6e589b,#8d79af 76%,#a990b8)!important;
  border:1px solid rgba(102,78,143,.16)!important;
  box-shadow:0 12px 24px rgba(92,73,132,.15)!important;font-size:14px!important;
}
form[data-ml-form="consultation"] button[type="submit"]:hover,
form.ml-consultation-form button[type="submit"]:hover{
  background:linear-gradient(110deg,#634e92,#826ca8 76%,#a087b1)!important;
  box-shadow:0 14px 25px rgba(92,73,132,.20)!important;
}
.ml-form-privacy,.ml-form-privacy a{line-height:1.5!important}
.ml-form-privacy a{color:#675191!important}
/* Softer navigation, links and secondary conversion actions. */
.btn-primary,.btn-orange,.btn.industries-cta,
.cta .btn-white,.ml-lux-btn,
a[class*="consultation-btn"]{
  background:linear-gradient(112deg,#725b9f,#9a84b6)!important;color:#fff!important;
  border:1px solid #8e79aa!important;box-shadow:0 10px 24px rgba(104,84,141,.12)!important;
}
.btn-outline,.btn.btn-white:not(.cta .btn-white){border-color:#e2d9e9!important}
/* Previously almost-black industry showcase (homepage). */
.industries-luxury-section{background:linear-gradient(180deg,#fffdfc,#fdf9fc)!important}
.industries-luxury{
  color:var(--ml-soft-ink)!important;
  background:radial-gradient(ellipse 520px 360px at 95% 8%,rgba(224,211,238,.30),transparent 80%),
             linear-gradient(125deg,#fffefa 0%,#f8f3fa 60%,#FCFAFD 100%)!important;
  border:1px solid #e7ddeb!important;box-shadow:0 18px 50px rgba(66,53,93,.072)!important;
}
.industries-luxury::before{background:linear-gradient(90deg,#9b84b6,#d3b6d1,#e6bdb0)!important}
.industries-luxury::after{border-color:rgba(125,99,166,.09)!important;box-shadow:0 0 0 42px rgba(158,131,191,.025)!important}
.industries-copy .small-title{color:#725a9c!important}
.industries-copy h2,.industries-copy h3{color:#22263c!important}
.industries-copy p,.industries-copy p.industries-lead{color:#5e657b!important}
.industries-copy a:not(.industries-cta){color:#675191!important;border-bottom-color:#cbb8dc!important}
.industries-copy a:not(.industries-cta):hover{color:#513d80!important}
.industries-capabilities span,.industry-specialist-links a{
  color:#4d4b68!important;background:rgba(255,255,255,.83)!important;border:1px solid #e9e1ed!important;
}
.industries-capabilities i{color:#8a74ac!important}
.industry-luxury-card{
  color:#27293e!important;background:rgba(255,255,255,.85)!important;
  border:1px solid #e9e3ed!important;box-shadow:0 7px 21px rgba(63,55,83,.04)!important;
}
.industry-luxury-card:hover{color:#22263c!important;background:#fff!important;border-color:#cbbadf!important;box-shadow:0 11px 25px rgba(63,55,83,.085)!important}
.industry-luxury-card .feature-content h3{color:#25283e!important}
.industry-luxury-card .feature-content p{color:#667085!important}
.industry-card-link{color:#695491!important}
.industry-number{color:#aea3b9!important}
.industry-specialist-links{border-top-color:#e8e1ed!important}
.industry-specialist-links>span{color:#6e6b7f!important}
/* Bright pink/orange CTA replaced with a calm, light panel. */
section.cta{
  color:var(--ml-soft-ink)!important;text-align:center;
  border-top:1px solid #f0e9ee!important;border-bottom:1px solid #f0e9ee!important;
  background:radial-gradient(ellipse at 10% 30%,rgba(224,207,238,.22),transparent 56%),
             linear-gradient(115deg,#fbf8fe 0%,#fff9f6 100%)!important;
}
section.cta h2{color:var(--ml-soft-ink)!important}
section.cta p{color:var(--ml-soft-muted)!important}
section.cta .btn-outline{color:#594579!important;border:1px solid #cfc0df!important;background:#fff!important}
/* Site-wide footer growth contact card used by every page. */
.ml-lux-footer{background:#fffdfc!important}
.ml-lux-cta{background:linear-gradient(120deg,#fffefa,#fbf7fd 72%,#fdf5f2)!important;border:1px solid #e8dfeb!important;box-shadow:0 16px 42px rgba(72,58,94,.055)!important}
.ml-lux-hero h2{color:var(--ml-soft-ink)!important}
.ml-lux-hero p{color:var(--ml-soft-muted)!important}
.ml-lux-contact-card{
  color:#292940!important;border:1px solid #e5ddea!important;
  background:linear-gradient(140deg,#f4eef9,#fbf6f9 60%,#fff8f4)!important;
  box-shadow:0 8px 25px rgba(65,53,89,.045)!important;
}
.ml-lux-contact-card::before,.ml-lux-contact-card::after{opacity:.18!important}
.ml-lux-contact-card strong{color:#26273c!important}
.ml-lux-contact-card a:not(.ml-lux-btn),.ml-lux-contact-card p{color:#544a67!important}
.ml-lux-contact-card .ml-lux-btn{color:#fff!important;background:linear-gradient(110deg,#745e9d,#9986b2)!important;border-color:transparent!important}
/* Consistent white-based section surfaces rather than heavy color swaths. */
.ml-consult-section,#contact.smm-section,#contact.sem-section,#contact.dev-section,#contact.elg-section{
  background:linear-gradient(180deg,#fdf9fd,#fffdfa)!important;
}
/* Subtle WhatsApp remains recognizable in its standard green. */
@media (max-width:760px){
  .ml-form-shell{padding:23px!important;border-radius:23px!important}
  form[data-ml-form="consultation"]{gap:11px!important}
  form[data-ml-form="consultation"] input:not([type="hidden"]),form[data-ml-form="consultation"] select{height:50px!important;min-height:50px!important}
  .industries-luxury{padding:28px 20px!important;gap:24px!important;border-radius:24px!important}
  .industry-luxury-card{padding:16px!important}
  .ml-lux-cta{border-radius:24px!important}
  .ml-lux-contact-card{border-radius:22px!important}
}
@media (prefers-reduced-motion:reduce){
  form[data-ml-form="consultation"] *, .industries-luxury *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
/* Unified light editorial/hero surfaces for non-home service hubs and blog. */
:where(.dev-hero,.sem-hero,.smm-hero,.crm-hero,.elg-hero,.ml-seo-hero,
       .team-hero,.legal-hero,.policy-hero,.blog-hero){
  background:radial-gradient(ellipse at 88% 7%,rgba(222,204,236,.19),transparent 60%),
             linear-gradient(125deg,#fefcff 0%,#FCFAFD 100%)!important;
  color:#23263c!important;
}
:where(.dev-hero,.sem-hero,.smm-hero,.crm-hero,.elg-hero,.ml-seo-hero,
       .team-hero,.legal-hero,.policy-hero,.blog-hero) :where(h1,h2,h3){
  color:#23263c!important;
}
:where(.dev-hero,.sem-hero,.smm-hero,.crm-hero,.elg-hero,.ml-seo-hero,
       .team-hero,.legal-hero,.policy-hero,.blog-hero) p{color:#5e657b!important}
/* Dynamic blog HTML injects some old orange/pink styling; keep it harmonious. */
.blog-author-box{background:#fdf9fc!important;border-color:#e8dfee!important}
.blog-author-icon{background:linear-gradient(130deg,#8a75ad,#b6a1cb)!important}
.blog-author-box a,.blog-related-posts-compact a,.blog-faq-title span{color:#6b5796!important}
.post-cta,.premium-post-cta{background:linear-gradient(125deg,#f6f0fa,#fff9f6)!important;
  color:#24273f!important;border:1px solid #e8e0ec!important;box-shadow:0 12px 30px rgba(83,69,103,.06)!important}
.post-cta :where(h2,p),.premium-post-cta :where(h2,p){color:#313348!important}
.post-cta .post-cta-btn{background:linear-gradient(105deg,#745e9d,#a28eb8)!important;
  color:white!important;border-radius:12px!important}
/* Compatibility for older saved CMS forms that still use action=/send-mail. */
form[action*="/send-mail"] :where(input:not([type="hidden"]),select,textarea){
  background:#fff!important;color:#282b43!important;border:1px solid #e7e3eb!important;
  border-radius:14px!important;box-shadow:0 4px 14px rgba(57,50,78,.024)!important;
}
form[action*="/send-mail"] :where(input:not([type="hidden"]),select,textarea):focus{
  outline:none!important;border-color:#a691be!important;box-shadow:0 0 0 4px rgba(156,130,191,.13)!important;
}
form[action*="/send-mail"] textarea{height:108px!important;min-height:108px!important;resize:vertical!important}