/* Track Record — theme tokens. One file owns light + dark. Change colour here, nowhere else.
   Values are verbatim from the design handoff (tr-theme.css). */
:root{
--acc:#2F80FF;--acc2:#1565D8;--accD:#E5EEFF;--acc-line:rgba(47,128,255,.22);--on-acc:#fff;
--grn:#1F9D5B;--grnD:#E4F5EC;--red:#E8505B;--redD:#FDEBEC;--amb:#DC8A29;--ambD:#FFF4E5;
--bg:#EFF3FA;--card:#fff;--elev:#fff;--ink:#17233D;--ink2:#3C4C6D;--mut:#68779A;--fnt:#A3AECB;
--hair:#EBF0F7;--brd:#E3E9F4;--track:#E7EDF8;
--sh:0 10px 30px rgba(23,48,102,.07);--sh-lg:0 24px 60px rgba(13,30,60,.20);--sh-acc:0 12px 26px rgba(47,128,255,.35);
--seg-bg:#E7EDF8;--amber-ink:#8A5A10;--amber-sub:#A97B34;--amber-line:#F3DFC0;
--toast-bg:#17233D;--toast-ink:#fff}

body.dark{
--acc:#5A9CFF;--acc2:#7FB2FF;--accD:#14243F;--acc-line:rgba(90,156,255,.28);--on-acc:#07101F;
--grn:#3ECB86;--grnD:#10281C;--red:#FF7079;--redD:#2C1418;--amb:#E9A24A;--ambD:#2B2010;
--bg:#0B1220;--card:#141D2E;--elev:#182234;--ink:#E9EFFA;--ink2:#C3D0E6;--mut:#8C9DBB;--fnt:#5E6E8C;
--hair:#1D2739;--brd:#263147;--track:#1B2436;
--sh:0 8px 24px rgba(0,0,0,.34);--sh-lg:0 26px 60px rgba(0,0,0,.55);--sh-acc:0 12px 26px rgba(21,60,120,.55);
--seg-bg:#1B2436;--amber-ink:#E9A24A;--amber-sub:#C08438;--amber-line:#3A2C13;
--toast-bg:#E9EFFA;--toast-ink:#0B1220}

/* dark-mode surface overrides (verbatim intent from handoff, .ph → #app) */
body.dark #app{background:var(--bg);color:var(--ink)}
body.dark #app .card,body.dark #app .sheet,body.dark #app .cal,body.dark #app .tabbar{background:var(--card);border:1px solid #232F45}
body.dark #app .tabbar{border-width:1px 0 0}
body.dark #app .sheet,body.dark #app .cal{background:var(--elev);box-shadow:var(--sh-lg)}
body.dark #app .row+.row{border-top-color:var(--hair)}
body.dark #app .key,body.dark #app .keyrow .k{background:var(--elev);border:1px solid #232F45;color:var(--ink)}
body.dark #app .field,body.dark #app .sel,body.dark #app .keyin{background:var(--elev);border-color:#2A3752;color:var(--ink)}
body.dark #app .field b,body.dark #app .keyin,body.dark #app .field input{color:var(--ink)}
body.dark #app .chip,body.dark #app .mchip,body.dark #app .ic-btn{background:var(--elev);border-color:#2A3752;color:var(--mut);box-shadow:none}
body.dark #app .ic-btn{color:var(--ink)}
body.dark #app .chip.on,body.dark #app .mchip.on{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
body.dark #app .seg,body.dark #app .pill-seg,body.dark #app .lang,body.dark #app .grab{background:var(--track)}
body.dark #app .seg .on,body.dark #app .pill-seg .on{background:var(--elev);color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.4)}
body.dark #app .lang span.on{background:var(--acc);color:var(--on-acc)}
body.dark #app .btn.pri{background:var(--acc);color:var(--on-acc);box-shadow:var(--sh-acc)}
body.dark #app .btn.sec{background:var(--accD);color:var(--acc2)}
body.dark #app .btn.gho{background:var(--elev);border-color:#2A3752;color:var(--ink)}
body.dark #app .bar{background:var(--track)}
body.dark #app .cal .grid .off{background:none}
body.dark #app .check{border-color:#33415E}
body.dark #app .avatar{background:var(--accD);color:var(--acc)}
body.dark #app .avatar-ring{border-color:#2B3A57}
body.dark #app .cam{border-color:var(--bg)}
body.dark #app .fab i{background:var(--card)}
body.dark #app .fab{background:linear-gradient(145deg,#7FB2FF,#2F6FD8)}
body.dark #app .iconpick div{background:var(--elev);border:1px solid #232F45;color:var(--mut)}
body.dark #app .iconpick div.on{background:var(--acc);color:var(--on-acc);border-color:var(--acc)}
body.dark #app .plan{background:var(--accD)}
body.dark #app .dim{background:rgba(4,9,18,.62)}
body.dark #app .hdr{background:linear-gradient(140deg,#2F6FD8,#12345F)}
body.dark #app .tgl{background:#2A3752}