/* Follow the live theme attribute, including changes after page load. */
:root[data-theme=dark] body.rs-workspace-ui{--rs-ui-accent:#82e0d4;--rs-ui-line:#3d4b63;--rs-ui-muted:#bdc9dc;--rs-ui-surface:#192437;--rs-ui-field:#121d2f;--rs-ui-ink:#f1f5ff;--rs-ui-soft:#24354a;--bg:#0d1626;--surface:#192437;--ink:#f1f5ff;--muted:#bdc9dc;--line:#3d4b63;--soft:#24354a;--accent:#beb4ff;--tint:#302b4b;--green:#8be3bf;background-color:#0d1626!important;background-image:radial-gradient(ellipse at top left,#16343b,transparent 55%)!important;color:var(--ink)}
:root[data-theme=light] body.rs-workspace-ui{--rs-ui-accent:#197b76;--rs-ui-line:#dce6ec;--rs-ui-muted:#59717f;--rs-ui-surface:#fff;--rs-ui-field:#fff;--rs-ui-ink:#193344;--rs-ui-soft:#f2faf8;background-color:#f6f8fb!important;background-image:radial-gradient(ellipse at top left,#e8f6f2,transparent 55%)!important;color:var(--rs-ui-ink)}
:root[data-theme=dark] :is(.email-hero h1,.email-steps h2,.email-steps h3,.email-hero-photo strong,.guide h2,.guide summary,.feature-strip h3,.renewal h2){color:var(--ink)}
:root[data-theme=dark] :is(.intro,.email-hero-note,.email-steps li p,.email-hero-photo figcaption span,.feature-strip p,.guide p,.renewal p,.header-nav a,.brand small,.site-footer,.site-footer a,#expiry-note,#sync,#send-note,.auto-refresh,.message-preview,.message-time){color:var(--muted)}
:root[data-theme=dark] .status-pill{background:#24354a;color:#d4dded}
:root[data-theme=dark] .status-pill[data-state=active]{background:#173e36;color:#9be9ce}
:root[data-theme=dark] .status-pill[data-state=error]{background:#492d32;color:#ffb9ae}
:root[data-theme=dark] .button:disabled{opacity:1;color:#a6b3c9;background:#263248;border-color:#3d4b63}
:root[data-theme=dark] body.rs-workspace-ui main .button.primary:disabled{background:#263d40!important;border-color:#3d5559!important;color:#b8c9ce!important;box-shadow:none}
:root[data-theme=dark] #body a{color:#a8dfff;text-decoration:underline}
@media(max-width:760px){:root[data-theme=dark] .email-hero-copy{background:var(--surface)}}
:root[data-theme=dark] .site-header .brand,:root[data-theme=dark] .site-header .brand strong{color:#f1f5ff!important}:root[data-theme=dark] .site-header .header-nav a{color:#bdc9dc!important}:root[data-theme=dark] .site-header .icon-button{color:#f1f5ff!important;background:#192437!important;border-color:#3d4b63!important}