:root{
  --page-bg:var(--paper);
  --surface:var(--paper);
  --surface-secondary:#eaf5f6;
  --text-primary:var(--ink);
  --text-secondary:#4a5e6f;
  --divider:var(--line);
  --brand-teal:var(--teal);
  --emphasis:var(--deep);
  --button-bg:#078c8e;
  --button-text:#fff;
}

html[data-theme="dark"]{
  --ink:#edf6f5;
  --teal:#38b9b3;
  --line:#274452;
  --paper:#071524;
  --deep:#07313b;
  --page-bg:#071524;
  --surface:#0b1c2c;
  --surface-secondary:#102637;
  --text-primary:#edf6f5;
  --text-secondary:#b5c8ca;
  --divider:#294653;
  --brand-teal:#38b9b3;
  --emphasis:#07313b;
  --button-bg:#079b99;
  --button-text:#f6ffff;
}

html[data-theme="dark"] body{background:var(--page-bg);color:var(--text-primary)}
html[data-theme="dark"] .site-header{background:rgba(7,21,36,.96);border-color:var(--divider)}
html[data-theme="dark"] .hero{background-image:linear-gradient(90deg,rgba(7,21,36,.92) 0%,rgba(7,21,36,.78) 25%,rgba(7,21,36,.18) 55%,rgba(7,21,36,0) 73%),url('images/hero.png')}
html[data-theme="dark"] .heading-side,html[data-theme="dark"] .service-card p,html[data-theme="dark"] .why-grid p,html[data-theme="dark"] .why-intro>p:last-child,html[data-theme="dark"] .contact-title>p:last-child,html[data-theme="dark"] .contact-info,html[data-theme="dark"] .contact-cta p{color:var(--text-secondary)}
html[data-theme="dark"] .service-card,html[data-theme="dark"] .why-grid article,html[data-theme="dark"] .contact-info,html[data-theme="dark"] .contact-cta{border-color:var(--divider)}
html[data-theme="dark"] .bundle{background:var(--emphasis)}
html[data-theme="dark"] .bundle-price{border-color:#4f7078}
html[data-theme="dark"] .home-banner:before{background:linear-gradient(90deg,rgba(7,21,36,.26) 0%,rgba(7,21,36,.08) 45%,rgba(7,21,36,0) 80%)}
html[data-theme="dark"] .home-copy h2,html[data-theme="dark"] .home-copy .eyebrow{color:var(--text-primary)}
html[data-theme="dark"] .home-copy .eyebrow span{background:var(--teal)}
html[data-theme="dark"] footer{border-color:var(--divider);color:var(--text-secondary)}
html[data-theme="dark"] .button{background:var(--button-bg);color:var(--button-text)}
html[data-theme="dark"] .button-outline{background:transparent;color:var(--text-primary);border-color:var(--text-primary)}
html[data-theme="dark"] .button-light{background:#eaf5f4;color:#071524}
html[data-theme="dark"] .toggle{background:#eaf5f4}
html[data-theme="dark"] .toggle i{background:#071524;left:1px;right:auto}
html[data-theme="dark"] .mobile-hero-media{background-image:linear-gradient(180deg,rgba(0,40,50,0) 45%,rgba(0,27,39,.5) 100%),url('images/hero.png')}
html[data-theme="dark"] .menu-open .main-nav{background:rgba(7,21,36,.98);border-color:var(--divider)}
html[data-theme="dark"] .main-nav{color:var(--text-primary)}
html[data-theme="dark"] .mobile-hero-brand{color:var(--text-primary)}
html[data-theme="dark"] .contact-info b{color:var(--teal)}