/* theme.css — Dark mode: accents shift to navy, white surfaces to black.
   Toggled by the switch theme.js injects into the white top bar. */

.themetoggle{margin-left:auto;display:flex;align-items:center;gap:7px;
  cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--graphite,#5A5F6A)}
.themetoggle input{display:none}
.themetoggle i{width:30px;height:16px;border-radius:999px;background:#D9DBE0;
  position:relative;transition:background .16s ease;flex:none}
.themetoggle i::after{content:"";position:absolute;top:2px;left:2px;
  width:12px;height:12px;border-radius:50%;background:#fff;
  transition:left .16s ease}
.themetoggle input:checked + i{background:#17243F}
.themetoggle input:checked + i::after{left:16px}

/* ---- dark palette ---- */
[data-theme="dark"]{--signal:#17243F;--deep:#1B2F7A;
  --ink:#EDEFF5;--graphite:#9AA1B0}
[data-theme="dark"] body{background:#0B0D12;color:#EDEFF5}
[data-theme="dark"] .topbar{background:#0B0D12}
[data-theme="dark"] .company{color:#EDEFF5}
[data-theme="dark"] .card,
[data-theme="dark"] .popup,
[data-theme="dark"] .amend,
[data-theme="dark"] .doc,
[data-theme="dark"] .pinfo article{background:#12151C;border-color:#262B36}
[data-theme="dark"] .gp .photo{background:#12151C}
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea{background:#12151C;color:#EDEFF5;
  border-color:#3A4150}
[data-theme="dark"] .cbtn{background:#12151C;border-color:#3A4150;
  color:#9AA1B0}
[data-theme="dark"] .cbtn:hover{border-color:#EDEFF5;color:#EDEFF5}
[data-theme="dark"] .cbtn.active{background:#EDEFF5;border-color:#EDEFF5;
  color:#0B0D12}
[data-theme="dark"] .act.save{background:#EDEFF5;border-color:#EDEFF5;
  color:#0B0D12}
[data-theme="dark"] .act.save:hover{background:#12151C;color:#EDEFF5}
[data-theme="dark"] .trow{border-color:#262B36}
[data-theme="dark"] .trow:hover{background:#141821}
[data-theme="dark"] .prow{border-color:#262B36}
[data-theme="dark"] .customs{border-color:#262B36}
[data-theme="dark"] .fe-row{border-color:#262B36}
[data-theme="dark"] .photo-empty{border-color:#3A4150;color:#9AA1B0}
[data-theme="dark"] footer{
  background:linear-gradient(to top,#0B0D12 55%,transparent);color:#9AA1B0}
[data-theme="dark"] .hint,
[data-theme="dark"] .sub,
[data-theme="dark"] .bio,
[data-theme="dark"] .nofield,
[data-theme="dark"] .empty,
[data-theme="dark"] .meta{color:#9AA1B0}
[data-theme="dark"] .stateview dt{color:#9AA1B0}
[data-theme="dark"] .stateview .sub{border-color:#262B36}
[data-theme="dark"] .artifact pre{color:rgba(237,239,245,.10)}
[data-theme="dark"] .artifact .r{color:rgba(90,120,220,.30)}

/* gear link in the white top bar */
.gearlink{margin-left:auto;display:flex;align-items:center;
  color:var(--graphite,#5A5F6A);transition:color .16s ease}
.gearlink:hover{color:var(--signal,#C41E2F)}
.gearlink svg{transform:rotate(22.5deg)}
[data-theme="dark"] .gearlink{color:#9AA1B0}
[data-theme="dark"] .gearlink:hover{color:#EDEFF5}
[data-theme="dark"] .setwrap input,
[data-theme="dark"] .setwrap select{background:#12151C;color:#EDEFF5;
  border-color:#3A4150}
[data-theme="dark"] .darkrow{border-color:#262B36}