/* Dark mode toggle + dark-theme refinements. Theme vars live in styles.css ([data-theme="dark"]). */
.theme-toggle{display:inline-grid;place-items:center;flex:0 0 auto;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}
.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}
.theme-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.theme-toggle svg{width:18px;height:18px;display:block}
.theme-toggle .icon-sun{display:none}
:root[data-theme="dark"] .theme-toggle .icon-sun{display:block}
:root[data-theme="dark"] .theme-toggle .icon-moon{display:none}
@media (max-width:560px){
  .header-ctas{gap:6px}
  .theme-toggle{width:36px;height:36px}
  .header-inner{gap:10px;padding-left:16px;padding-right:16px}
  .header-ctas .btn{padding:9px 11px;font-size:.84rem}
}

/* Dark refinements: contrast on copper fills (#dda446 needs dark text for AA) */
:root[data-theme="dark"] .btn-primary,
:root[data-theme="dark"] .price-tag{color:#101923}
:root[data-theme="dark"] .btn-primary:hover{color:#101923}
:root[data-theme="dark"] .contact-band,
:root[data-theme="dark"] footer.site-footer{background:#0a1118}
:root[data-theme="dark"] .contact-band{border-top:1px solid var(--border)}

/* Buddy card in dark */
:root[data-theme="dark"] .eotm{color:var(--text)}
:root[data-theme="dark"] .eotm-card{background:#17222e;border-color:#2b3d4d;border-top-color:#dda446;box-shadow:0 2px 4px rgba(0,0,0,.4),0 14px 34px rgba(0,0,0,.55)}
:root[data-theme="dark"] .eotm-photo{border-color:#dda446;box-shadow:0 0 0 3px #101923}
:root[data-theme="dark"] .eotm-avatar .eotm-photo{box-shadow:0 0 0 3px #101923,0 10px 24px rgba(0,0,0,.5)}
:root[data-theme="dark"] .eotm-title{color:#dda446}
:root[data-theme="dark"] .eotm-name,:root[data-theme="dark"] .eotm-role{color:#f1ead9}
:root[data-theme="dark"] .eotm-line{color:#a9b7c4}
:root[data-theme="dark"] .eotm-min{color:#a9b7c4}
:root[data-theme="dark"] .eotm-min:hover{background:#1d2c3a;color:#f1ead9}

/* Smooth switch (only while toggling, so no transition on load) */
@media (prefers-reduced-motion:no-preference){
  :root.theme-anim, :root.theme-anim *{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease !important}
}