/* MODERUN Light/Dark theme switch inspired by Uiverse.io / vinodjangid07 */
/* Color tokens and surface overrides are scoped to data-theme; no content or motion is hidden. */
:root{color-scheme:light}
.theme-control{display:inline-flex;align-items:center;justify-content:center;flex:none;margin:0 1px;padding:6px 1px}
.theme-control__input{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0
}
.theme-control__switch{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:60px;height:30px;border-radius:999px; flex:none;
  background:#cbd1d9;cursor:pointer;
  box-shadow:inset 0 1px 3px rgba(27,45,74,.15);
  transition:background-color .4s ease,box-shadow .4s ease;
}
.theme-control__switch:after{
  content:"";position:absolute;left:1px;top:1px;
  height:28px;width:28px;border-radius:50%;
  background:conic-gradient(#888e98,#fff,#adb3be,#fff,#888e98);
  box-shadow:0 2px 6px rgba(17,33,57,.21);
  transform:translate3d(0,0,0);
  transition:transform .46s cubic-bezier(.22,1,.36,1),box-shadow .4s ease;
  will-change:transform;
}
.theme-control__input:checked+.theme-control__switch{
  background:#407cbd;box-shadow:inset 0 1px 3px rgba(9,27,58,.25)
}
.theme-control__input:checked+.theme-control__switch:after{
  transform:translate3d(30px,0,0);box-shadow:0 2px 8px rgba(8,29,61,.3)
}
.theme-control__input:focus-visible+.theme-control__switch{outline:3px solid #4a95ff;outline-offset:3px}
.theme-control__input:disabled+.theme-control__switch{opacity:.5;cursor:default}

/* Primary contrast palette */
html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#f3f7ff;
  --text:#d6e0ee;
  --muted:#aabbd2;
  --subtle:#91a4bd;
  --accent:#66a6ff;
  --accent-dark:#347df1;
  --pale:#162d4d;
  --surface:#101e32;
  --canvas:#0b182a;
  --line:#2b3b54;
  --line-strong:#435673;
  --home-ink:#edf4ff;
  --home-body:#b9cbe3;
}
html[data-theme="dark"] body{background:#091426;color:var(--ink)}
html[data-theme="dark"] ::selection{background:#2b6bc6;color:#fff}
html[data-theme="dark"] .site-header{background:rgba(10,23,42,.97);border-bottom-color:#293b53}
html[data-theme="dark"] .site-header .brand img{filter:brightness(0) invert(1)}
html[data-theme="dark"] .header-nav a{color:#c5d3e7}
html[data-theme="dark"] .header-nav a:hover,
html[data-theme="dark"] .header-nav a[aria-current="page"]{color:#7fb6ff}
html[data-theme="dark"] .header-actions .auth-nav-link{background:#182b45;border-color:#355173;color:#eaf3ff}
html[data-theme="dark"] .header-actions .auth-nav-link:hover{background:#254263;border-color:#618bbd}
html[data-theme="dark"] .nav-contact{background:#2663b5;color:#fff}
html[data-theme="dark"] .nav-contact:hover{background:#357bd7}
html[data-theme="dark"] .menu-toggle{color:#e8f2ff}
html[data-theme="dark"] .mobile-panel{background:#0b1c31;color:#f4f8ff;border-color:#2e425e}
html[data-theme="dark"] .mobile-panel a{color:#e5f0ff}
html[data-theme="dark"] .mobile-panel a:hover{background:#1c3554}
html[data-theme="dark"] .skip-link{background:#183350;color:#fff}
html[data-theme="dark"] .btn-outline{background:#162942;color:#edf5ff;border-color:#526782}
html[data-theme="dark"] .btn-outline:hover{border-color:#90b6ea;background:#1e3a5a}
html[data-theme="dark"] .btn-dark{background:#2e66b5;color:#fff}
html[data-theme="dark"] .btn-dark:hover{background:#367ed7}
html[data-theme="dark"] .btn-primary{background:#276fd2;color:#fff}
html[data-theme="dark"] .btn-light{background:#f7faff;color:#101e36}
html[data-theme="dark"] .section-soft{background:#0c1a2d}
html[data-theme="dark"] .section-label{color:#a9bcdb}
html[data-theme="dark"] .section-note{color:#afc2db}
html[data-theme="dark"] .strip{background:#101f33}
html[data-theme="dark"] .strip-index,html[data-theme="dark"] .strip-item span{color:#aabbd1}
html[data-theme="dark"] .page-hero{background:#101e34;border-bottom-color:#31435c}
html[data-theme="dark"] .page-hero p,html[data-theme="dark"] .breadcrumb{color:#afc0d7}
html[data-theme="dark"] .breadcrumb .sep{color:#718dab}
html[data-theme="dark"] .product-banner{background:#111f34}
html[data-theme="dark"] .product-banner p{color:#c0cce0}
html[data-theme="dark"] .product-banner-art:not(.dark){background:#182c46;border-color:#37506c}
html[data-theme="dark"] .product-banner-art span{color:#eaf3ff}
html[data-theme="dark"] .product-meta-bar,html[data-theme="dark"] .product-meta-bar b{color:#c0d1e8}
html[data-theme="dark"] .product-card{background:#122139;border-color:#33465e}
html[data-theme="dark"] .product-card:hover{border-color:#6290c4;box-shadow:0 24px 60px #0005}
html[data-theme="dark"] .product-card p,
html[data-theme="dark"] .product-card .card-code,
html[data-theme="dark"] .price-small span{color:#b4c5dd}
html[data-theme="dark"] .product-art:not(.art-dark){background:#20344e}
html[data-theme="dark"] .product-art.art-blue{background:#18365d}
html[data-theme="dark"] .product-art.art-blush{background:#27364b}
html[data-theme="dark"] .product-art .art-label:not(.accent){color:#e7f1ff}
html[data-theme="dark"] .product-art .art-number,
html[data-theme="dark"] .product-art .art-corner{color:#aabfdb}
html[data-theme="dark"] .product-art:after{border-color:#435a78}
html[data-theme="dark"] .tag-neutral,
html[data-theme="dark"] .tag-dark{background:#223751;color:#cfdbed}
html[data-theme="dark"] .section-footer{color:#c3d0e1}
html[data-theme="dark"] .category-link:hover{background:#152d49;color:#91c2ff}
html[data-theme="dark"] .category-link .number,
html[data-theme="dark"] .category-link .c-sub{color:#b0bfd4}
html[data-theme="dark"] .process-item p{color:#b4c5d9}
html[data-theme="dark"] .cta-box{background:#11233d;color:#f0f5ff;border-color:#395373}
html[data-theme="dark"] .cta-box p{color:#b9cce4}
html[data-theme="dark"] .search-field{background:#14243a;border-color:#3b506b}
html[data-theme="dark"] .search-field input{color:#f2f7ff}
html[data-theme="dark"] .search-field input::placeholder{color:#9faec1}
html[data-theme="dark"] .filter-btn{background:#172b43;color:#d6e4f6;border-color:#405673}
html[data-theme="dark"] .filter-btn:hover{border-color:#90b6e9}
html[data-theme="dark"] .filter-btn.is-active{background:#276bc5;color:#fff;border-color:#3475ca}
html[data-theme="dark"] .empty-state{border-color:#405572;color:#b9c9dc}
html[data-theme="dark"] .empty-state strong{color:#fff}
html[data-theme="dark"] .feature-block{border-color:#364d6a}
html[data-theme="dark"] .feature-block .feature-icon{background:#163960;color:#a0c6ff}
html[data-theme="dark"] .feature-block p,
html[data-theme="dark"] .pricing-intro p{color:#bac9db}
html[data-theme="dark"] .plan-card{background:#12233a;border-color:#3c516d}
html[data-theme="dark"] .plan-card.recommended{border-color:#569ef7}
html[data-theme="dark"] .plan-caption,html[data-theme="dark"] .plan-note,
html[data-theme="dark"] .plan-summary,
html[data-theme="dark"] .plan-points li{color:#bfcee2}
html[data-theme="dark"] .comparison{color:#eaf2ff}
html[data-theme="dark"] .comparison thead th{background:#1c304b;color:#eaf2ff}
html[data-theme="dark"] .comparison tbody td{border-color:#334861;color:#dbe7f4}
html[data-theme="dark"] .comparison tbody td:first-child{color:#eaf2ff}
html[data-theme="dark"] .muted-cell{color:#bdcee5}
html[data-theme="dark"] .notice{background:#142b49;border-color:#3a5880;color:#d3e2f5}
html[data-theme="dark"] .notice strong{color:#b4d8ff}
html[data-theme="dark"] .faq-button{color:#eef4ff}
html[data-theme="dark"] .faq-answer{color:#bfd0e4}
html[data-theme="dark"] .support-side p{color:#b1c4db}
html[data-theme="dark"] .contact-form{background:#101f33;border-color:#334861}
html[data-theme="dark"] .contact-form h2{color:#f4f8ff}
html[data-theme="dark"] .form-helper{color:#b9cbe0}
html[data-theme="dark"] .field label{color:#dfebfa}
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea{background:#152b44;color:#f6faff;border-color:#45607f}
html[data-theme="dark"] .field input::placeholder,
html[data-theme="dark"] .field textarea::placeholder{color:#9eafc6}
html[data-theme="dark"] .field select option{background:#14243a;color:#fff}
html[data-theme="dark"] .consent{color:#c5d4e8}
html[data-theme="dark"] .contact-setup-note{background:#152f50;border-color:#375f90;color:#bedaff}
html[data-theme="dark"] .form-message{color:#d7e7f9}
html[data-theme="dark"] .editor-preview{background:#12243a;border-color:#3d5370}
html[data-theme="dark"] .editor-sidebar{background:#152940;border-color:#3d526d}
html[data-theme="dark"] .editor-option{background:#1b304a;color:#e8f2ff;border-color:#4c637f}
html[data-theme="dark"] .editor-option.active{background:#214c7f;color:#fff;border-color:#68a1ed}
html[data-theme="dark"] .editor-canvas{background:#192d45}
html[data-theme="dark"] .canvas-paper{background:#1f344d;color:#e9f2ff}
html[data-theme="dark"] .canvas-nav span:last-child{color:#c0d0e2}
html[data-theme="dark"] .studio-band,
html[data-theme="dark"] .contact-panel{background:#06152d;color:#fff}
html[data-theme="dark"] .studio-points{background:#152a46;border-color:#34547b}
html[data-theme="dark"] .footer{background:#061123;color:#eef4ff}
html[data-theme="dark"] .footer-bottom{border-color:#293b59}
html[data-theme="dark"] .auth-page{background:linear-gradient(145deg,#08172c,#12223c)}
html[data-theme="dark"] .auth-intro h1{color:#eef5ff}
html[data-theme="dark"] .auth-intro p{color:#b9cce3}
html[data-theme="dark"] .auth-intro .eyebrow{color:#87beff}
html[data-theme="dark"] .auth-meta{border-color:#354f72}
html[data-theme="dark"] .auth-shell{box-shadow:0 20px 48px #0007}
/* Homepage v5 overrides */
html[data-theme="dark"] .home-v4{--home-ink:#f0f6ff;--home-body:#c5d4e7}
html[data-theme="dark"] .home-v4 .hero--refined,
html[data-theme="dark"] .home-featured{background:#091426}
html[data-theme="dark"] .home-v4 .hero h1,
html[data-theme="dark"] .home-section h2{color:#f0f5ff}
html[data-theme="dark"] .home-v4 .hero-desc,
html[data-theme="dark"] .feature-heading p,
html[data-theme="dark"] .feature-product-content p,
html[data-theme="dark"] .feature-footnote,
html[data-theme="dark"] .showcase-heading p,
html[data-theme="dark"] .scene-info p,
html[data-theme="dark"] .process-heading p,
html[data-theme="dark"] .process-steps p,
html[data-theme="dark"] .studio-explain p,
html[data-theme="dark"] .home-contact p{color:#bed0e6}
html[data-theme="dark"] .home-route-panel,
html[data-theme="dark"] .feature-product,
html[data-theme="dark"] .showcase-viewport,
html[data-theme="dark"] .studio-delivery{background:#12243b;border-color:#34506c}
html[data-theme="dark"] .home-route strong,
html[data-theme="dark"] .route-panel-heading>span,
html[data-theme="dark"] .feature-product h3,
html[data-theme="dark"] .feature-product-bottom strong,
html[data-theme="dark"] .studio-delivery dd{color:#eff6ff}
html[data-theme="dark"] .home-route small,
html[data-theme="dark"] .route-panel-heading>p,
html[data-theme="dark"] .route-panel-status,
html[data-theme="dark"] .feature-category,
html[data-theme="dark"] .feature-product-bottom small,
html[data-theme="dark"] .showcase-link,
html[data-theme="dark"] .studio-delivery dt,
html[data-theme="dark"] .studio-delivery p{color:#b7c9df}
html[data-theme="dark"] .home-route:hover{background:#203957}
html[data-theme="dark"] .product-image-slot{background:#1e3048;border-bottom-color:#36506c}
html[data-theme="dark"] .feature-product-content .status-pill{background:#193d6c;color:#a8d0ff}
html[data-theme="dark"] .feature-product-content .status-pill-muted{background:#2b3f59;color:#c4d4e9}
html[data-theme="dark"] .feature-card-link,
html[data-theme="dark"] .showcase-link a{color:#94c4ff}
html[data-theme="dark"] .home-showcase,
html[data-theme="dark"] .home-studio{background:#101e32}
html[data-theme="dark"] .scene-tabs [role="tab"]{color:#b7cae2}
html[data-theme="dark"] .scene-tabs [role="tab"]:hover{background:#213951;color:#fff}
html[data-theme="dark"] .scene-tabs [role="tab"][aria-selected="true"]{color:#92beff;border-bottom-color:#79b3ff}
html[data-theme="dark"] .scene-canvas{background:#1b3049;border-left-color:#3b5573}
html[data-theme="dark"] .demo-window-top,
html[data-theme="dark"] .demo-window-top span:first-child,
html[data-theme="dark"] .step-list small,
html[data-theme="dark"] .step-state,
html[data-theme="dark"] .demo-footer,
html[data-theme="dark"] .demo-checklist legend,
html[data-theme="dark"] .demo-control-label{color:#c8d7e9}
html[data-theme="dark"] .step-list li,
html[data-theme="dark"] .demo-checklist label,
html[data-theme="dark"] .align-choices button{background:#122740;color:#eaf3ff;border-color:#45607c}
html[data-theme="dark"] .step-list li.is-current,
html[data-theme="dark"] .align-choices button.is-selected{background:#214674;color:#fff;border-color:#70a5e5}
html[data-theme="dark"] .demo-checklist label small,
html[data-theme="dark"] .selection-summary p{color:#b9d0ed}
html[data-theme="dark"] .demo-site{background:#1a304b;border-color:#46617e}
html[data-theme="dark"] .demo-site-nav{color:#d1e1f4;border-color:#45607c}
html[data-theme="dark"] .demo-site-body h4{color:#f2f7ff}
html[data-theme="dark"] .demo-site-body p{color:#c6d6ea}
/* Social tiles intentionally stay white to match the supplied Uiverse artwork. */
html[data-theme="dark"] .contact-panel .moderun-social-tile{color:var(--tile-accent)}
html[data-theme="dark"] .contact-panel .moderun-social-tile:is(:hover,:focus-visible){color:#fff}
/* The selected theme also eases between surfaces; existing scroll/hover transforms are untouched. */
body,.site-header,.page-hero,.section-soft,.contact-form,.auth-page,
.home-v4 .hero--refined,.home-featured,.home-showcase,.home-studio,.home-route-panel{
  transition:background-color .42s ease,border-color .42s ease,color .42s ease
}
h1,h2,h3,p{transition:color .36s ease}
@media(max-width:1180px){
  .theme-control__switch{width:56px;height:28px}
  .theme-control__switch:after{width:26px;height:26px}
  .theme-control__input:checked+.theme-control__switch:after{transform:translate3d(28px,0,0)}
}
@media(max-width:800px){
  .header-inner{gap:9px}.header-actions{gap:7px}
  .theme-control__switch{width:54px;height:28px}
  .theme-control__switch:after{width:26px;height:26px}
  .theme-control__input:checked+.theme-control__switch:after{transform:translate3d(26px,0,0)}
  .brand{width:150px}.brand img{width:145px}
}
@media(max-width:410px){
  .brand{width:126px}.brand img{width:126px}.header-actions{gap:5px}
  .theme-control__switch{width:50px;height:26px}
  .theme-control__switch:after{width:24px;height:24px}
  .theme-control__input:checked+.theme-control__switch:after{transform:translate3d(24px,0,0)}
}
@media(prefers-reduced-motion:reduce){
  .theme-control__switch,.theme-control__switch:after,
  body,.site-header,.page-hero,.section-soft,.contact-form,.auth-page,
  .home-v4 .hero--refined,.home-featured,.home-showcase,.home-studio,.home-route-panel,
  h1,h2,h3,p{transition:none}
}