/* ══════════════════════════
   WZI — theme.css
   Dark mode · High contrast · Reduced motion
══════════════════════════ */
[data-theme="light"]{
  --ink:#0c0c10;--paper:#f9f7f3;--cream:#fff;
  --border:#e6e2da;--muted:#96918a;--slate:#3f3d3a;
  --warm-100:#f5f2eb;--warm-200:#eae5d9;
}
[data-theme="dark"]{
  --ink:#f0ede6;--paper:#0c0c10;--cream:#141418;
  --border:rgba(255,255,255,.1);--muted:#7a756e;--slate:#c5c0b8;
  --warm-100:#1a1a20;--warm-200:#22222a;
}
[data-theme="dark"] body{background:#0c0c10;color:#f0ede6}
[data-theme="dark"] .card{background:#141418;border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .blog-card,[data-theme="dark"] .product-card{background:#141418;border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .pricing-card{background:#141418;border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .testi-card{background:#141418;border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .form-input,[data-theme="dark"] .form-select,[data-theme="dark"] .form-textarea{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}
[data-theme="dark"] .faq-item{border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .faq-question h4{color:rgba(255,255,255,.85)}
[data-theme="dark"] .faq-icon{background:rgba(255,255,255,.08);color:rgba(255,255,255,.6)}
[data-theme="dark"] .faq-answer p{color:rgba(255,255,255,.45)}
[data-theme="dark"] .btn-outline{background:#141418;border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.7)}
[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] h4{color:#f0ede6}
[data-theme="dark"] p{color:rgba(255,255,255,.6)}
[data-theme="dark"] .tc-name{color:rgba(255,255,255,.85)}
[data-theme="dark"] .tc-quote{color:rgba(255,255,255,.6)}
body,h1,h2,h3,h4,p,.card,.blog-card,.product-card,.form-input,.form-select,.form-textarea{transition:background-color .3s,color .3s,border-color .3s}
@media(prefers-contrast:high){
  :root{--border:#666;--muted:#555}
  .btn-gold{outline:2px solid var(--gold-dark)}
  .form-input:focus{outline:2px solid var(--gold);outline-offset:2px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
  .ticker-inner{animation:none}
  html{scroll-behavior:auto}
}