:root[data-theme="dark"]{
  --bg:#08111F;--surface:#0F1B2D;--surface-soft:#132238;--ink:#F4F7FB;--muted:#94A3B8;
  --line:#22324A;--line-strong:#2C405E;--orange:#FF6200;--orange-deep:#FF8A45;--orange-soft:#312116;
  --primary:#61C3FF;--primary-soft:#122D43;--green:#38C793;--green-soft:#102D28;
  --red:#F17A8C;--red-soft:#301923;--amber:#D7B84A;--amber-soft:#302A16;
  --blue:#61C3FF;--blue-soft:#122D43;--purple:#747BFF;--purple-soft:#20233F;
  --cyan:#49C6CF;--cyan-soft:#102C32;--faint:#60718A;--black:#F4F7FB;
  --shadow-xs:0 1px 3px rgba(0,0,0,.16);--shadow-sm:0 12px 28px rgba(0,0,0,.24);--shadow-md:0 24px 60px rgba(0,0,0,.34)
}
:root[data-theme="dark"] body{background:radial-gradient(circle at 82% 0,rgba(97,195,255,.055),transparent 30%),var(--bg)!important;color:var(--ink)}
:root[data-theme="dark"] .topbar{background:rgba(8,17,31,.94)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .sidebar,:root[data-theme="dark"] .inspector{background:#0B1626!important;border-color:var(--line)!important}
:root[data-theme="dark"] .brand-area{background:transparent!important;border-color:var(--line)!important}
:root[data-theme="dark"] .main,:root[data-theme="dark"] .page,:root[data-theme="dark"] .pr34-page,:root[data-theme="dark"] .b5-page,:root[data-theme="dark"] .pr55-dev{background:var(--bg)!important}
:root[data-theme="dark"] .workspace-switcher,:root[data-theme="dark"] .state-switch,:root[data-theme="dark"] .canvas-controls,:root[data-theme="dark"] .legend,:root[data-theme="dark"] .panel,:root[data-theme="dark"] .card,:root[data-theme="dark"] .process-card,:root[data-theme="dark"] .empty,:root[data-theme="dark"] .tip,:root[data-theme="dark"] .modal,:root[data-theme="dark"] .dialog,:root[data-theme="dark"] .popover,:root[data-theme="dark"] .menu,:root[data-theme="dark"] .dropdown{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important}
:root[data-theme="dark"] .nav-item{color:var(--muted)!important}
:root[data-theme="dark"] .nav-item:hover{background:var(--surface)!important;color:var(--ink)!important}
:root[data-theme="dark"] .nav-item.active{background:var(--surface-soft)!important;color:var(--ink)!important;box-shadow:none!important}
:root[data-theme="dark"] .nav-copy small,:root[data-theme="dark"] .profile-copy small,:root[data-theme="dark"] .workspace-switcher small{color:var(--muted)!important}
:root[data-theme="dark"] .workspace-switcher:before{background:var(--green)!important;box-shadow:0 0 0 3px rgba(56,199,147,.14)!important}
:root[data-theme="dark"] input,:root[data-theme="dark"] textarea,:root[data-theme="dark"] select,:root[data-theme="dark"] .filter,:root[data-theme="dark"] .search input,:root[data-theme="dark"] .b5-input,:root[data-theme="dark"] .b5-select,:root[data-theme="dark"] .b5-btn,:root[data-theme="dark"] .btn:not(.accent):not(.primary):not(.danger),:root[data-theme="dark"] .icon-btn,:root[data-theme="dark"] .panel-toggle,:root[data-theme="dark"] .remove-item,:root[data-theme="dark"] .layer-nav,:root[data-theme="dark"] .canvas-palette button{background:var(--surface)!important;border-color:var(--line-strong)!important;color:var(--ink)!important}
:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#6F809A}
:root[data-theme="dark"] .btn.accent,:root[data-theme="dark"] .btn.primary,:root[data-theme="dark"] .b5-btn.primary{background:var(--primary)!important;border-color:var(--primary)!important;color:#03111C!important}
:root[data-theme="dark"] .btn.dark{background:#F4F7FB!important;border-color:#F4F7FB!important;color:#08111F!important}
:root[data-theme="dark"] button:focus-visible:not(.nav-item):not(.pr34-nav-button),:root[data-theme="dark"] a:focus-visible,:root[data-theme="dark"] input:focus-visible,:root[data-theme="dark"] textarea:focus-visible,:root[data-theme="dark"] select:focus-visible{outline:3px solid rgba(97,195,255,.24)!important;outline-offset:2px;border-color:var(--primary)!important}
/* Nav items use the same left-edge accent as :hover/.active, not a boxed outline ring, matching Brand Primitives. */
:root[data-theme="dark"] .nav-item:focus-visible,:root[data-theme="dark"] .pr34-nav-button:focus-visible{outline:none!important;background:var(--surface)!important;color:var(--ink)!important;box-shadow:none!important}
:root[data-theme="dark"] .tabs{background:rgba(15,27,45,.96)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .tab.active,:root[data-theme="dark"] .b5-tab.active{color:var(--primary)!important;border-color:var(--primary)!important}
:root[data-theme="dark"] .field label{color:#AAB7C9!important}
:root[data-theme="dark"] .process-card,:root[data-theme="dark"] .metric,:root[data-theme="dark"] .version,:root[data-theme="dark"] .panel-section,:root[data-theme="dark"] .b5-card,:root[data-theme="dark"] .b5-endpoint,:root[data-theme="dark"] .b5-tool,:root[data-theme="dark"] .b5-empty{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important}
:root[data-theme="dark"] .meta-chip,:root[data-theme="dark"] .summary-chip,:root[data-theme="dark"] .badge,:root[data-theme="dark"] .b5-pill{background:var(--surface-soft)!important;color:var(--muted)!important}
:root[data-theme="dark"] .b5-pill.approved{background:rgba(56,199,147,.14)!important;color:#71E2B9!important}
:root[data-theme="dark"] .b5-pill.review{background:rgba(215,184,74,.14)!important;color:#E7CB6B!important}
:root[data-theme="dark"] .b5-pill.draft{background:#1B2B41!important;color:#A9B7CA!important}
:root[data-theme="dark"] .b5-head p,:root[data-theme="dark"] .b5-muted,:root[data-theme="dark"] .b5-status,:root[data-theme="dark"] .b5-footer{color:var(--muted)!important}
:root[data-theme="dark"] .b5-member,:root[data-theme="dark"] .b5-tabs,:root[data-theme="dark"] .b5-footer{border-color:var(--line)!important}
:root[data-theme="dark"] .b5-usage-stat{border-color:var(--line)!important}
:root[data-theme="dark"] .b5-usage-chart rect{fill:var(--primary)!important}
:root[data-theme="dark"] .b5-trail-row{border-color:var(--line)!important}
:root[data-theme="dark"] .b5-trail-num{background:var(--surface-soft)!important;color:var(--muted)!important}
:root[data-theme="dark"] .canvas{background-color:#091525!important;background-image:radial-gradient(circle at 1px 1px,rgba(126,154,191,.16) 1px,transparent 0)!important;background-size:24px 24px!important;border-color:var(--line)!important}
:root[data-theme="dark"] .viewport{background-color:#091525!important;background-image:radial-gradient(circle at 1px 1px,rgba(126,154,191,.13) 1px,transparent 0)!important}
/* pr64-cascade-fix.css's `.canvas, .app.pr28-canvas-mode .canvas` /
   `.viewport, .app.pr28-canvas-mode .viewport` rules (light-theme, loaded
   after this file) tie the two plain rules above on specificity, so source
   order alone decided the winner - and pr64-cascade-fix.css lost that race,
   leaving the canvas stage light in dark mode. Repeat the override at the
   same compound selector so specificity, not load order, decides. */
:root[data-theme="dark"] .app.pr28-canvas-mode .canvas{background-color:#091525!important;background-image:radial-gradient(circle at 1px 1px,rgba(126,154,191,.16) 1px,transparent 0)!important;background-size:24px 24px!important;border-color:var(--line)!important}
:root[data-theme="dark"] .app.pr28-canvas-mode .viewport{background-color:#091525!important;background-image:radial-gradient(circle at 1px 1px,rgba(126,154,191,.13) 1px,transparent 0)!important}
:root[data-theme="dark"] .node{background:rgba(15,27,45,.98)!important;border-color:var(--line-strong)!important;color:var(--ink)!important;box-shadow:var(--shadow-sm)!important}
:root[data-theme="dark"] .node.selected{border-color:var(--primary)!important;box-shadow:0 0 0 5px rgba(97,195,255,.13),var(--shadow-sm)!important}
:root[data-theme="dark"] .node.start{background:var(--green-soft)!important;border-color:#1F4D3D!important;color:var(--green)!important}
:root[data-theme="dark"] .picklist-trigger,:root[data-theme="dark"] .picklist-menu{background:var(--surface)!important;border-color:var(--line-strong)!important;color:var(--ink)!important}
:root[data-theme="dark"] .picklist-menu button:hover{background:var(--surface-soft)!important}
:root[data-theme="dark"] .oroko-file-panel{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important}
/* .app-powered-by's base rule (app.html) hardcodes near-black navy (#0E1B2B)
   for both the "The 24th Group" text and the logo mark, matched against the
   light sidebar. Against the dark theme's sidebar (var(--surface), itself a
   near-black navy) the mark all but disappears. */
:root[data-theme="dark"] .app-powered-by{color:var(--muted)!important}
:root[data-theme="dark"] .app-powered-mark strong{color:var(--ink)!important}
:root[data-theme="dark"] .app-powered-mark i{background:var(--ink)!important}
:root[data-theme="dark"] .app-powered-mark i:after{background:var(--surface)!important}
/* pr64-ui-completion.css/pr64-cascade-fix.css give the Future State tab a
   deliberate solid-pill look when active (background:var(--ink), a near-
   black value in light mode) to set it apart from Current State's plain
   active style. --ink flips to near-white in dark mode for use as text
   color, so the same rule painted the tab's background white instead. */
:root[data-theme="dark"] .state-switch button[data-variant="future"].active,
:root[data-theme="dark"] .state-switch button[data-state="future"].active,
:root[data-theme="dark"] .state-switch button:last-child.active{background:var(--bg)!important;color:var(--gold)!important}
:root[data-theme="dark"] .node.end{background:var(--red-soft)!important;border-color:#6A3342!important;color:var(--red)!important}
:root[data-theme="dark"] .node.decision,:root[data-theme="dark"] .node.subprocess,:root[data-theme="dark"] .node-icon{background:var(--surface)!important;border-color:var(--line-strong)!important;color:var(--ink)!important}
:root[data-theme="dark"] .node.subprocess{background:#12182B!important;border-color:#474D8A!important}
:root[data-theme="dark"] .smart-connection{stroke:#7690B2!important}
:root[data-theme="dark"] .smart-connection:hover,:root[data-theme="dark"] .smart-connection.selected{stroke:var(--primary)!important}
:root[data-theme="dark"] .connection-preview{stroke:var(--primary)!important}
:root[data-theme="dark"] .connection-handle{background:var(--primary)!important;border-color:#08111F!important}
:root[data-theme="dark"] .canvas-palette,:root[data-theme="dark"] .canvas-minimap,:root[data-theme="dark"] .legend{background:rgba(15,27,45,.95)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .insert-control{background:var(--surface)!important;border-color:#3D5B7C!important;color:var(--primary)!important}
:root[data-theme="dark"] .procedure-note-box,:root[data-theme="dark"] .process-note,:root[data-theme="dark"] .quick-context{background:#0B1626!important;border-color:var(--line)!important;color:var(--muted)!important}
:root[data-theme="dark"] .tag.red,:root[data-theme="dark"] .annotation.red{background:var(--red-soft)!important;border-color:#613040!important;color:#F49AAA!important}
:root[data-theme="dark"] .tag.purple,:root[data-theme="dark"] .annotation.purple,:root[data-theme="dark"] .summary-chip.owner{background:var(--purple-soft)!important;border-color:#43497C!important;color:#AEB2FF!important}
:root[data-theme="dark"] .tag.amber,:root[data-theme="dark"] .annotation.amber,:root[data-theme="dark"] .summary-chip.duration{background:var(--amber-soft)!important;border-color:#62552B!important;color:#E7CB6B!important}
:root[data-theme="dark"] .tag.blue,:root[data-theme="dark"] .annotation.blue{background:var(--blue-soft)!important;border-color:#294A61!important;color:#8ED6FF!important}
:root[data-theme="dark"] .summary-chip.system{background:var(--cyan-soft)!important;color:#78D9DF!important}
:root[data-theme="dark"] .modal-backdrop{background:rgba(1,7,15,.68)!important}
:root[data-theme="dark"] .modal{background:var(--surface)!important;color:var(--ink)!important}
:root[data-theme="dark"] .modal-foot,:root[data-theme="dark"] .panel-section,:root[data-theme="dark"] .procedure-item{border-color:var(--line)!important}
:root[data-theme="dark"] .toast{background:#F4F7FB!important;color:#08111F!important}
:root[data-theme="dark"] code,:root[data-theme="dark"] pre{background:#06101C!important;color:#C9D5E5!important;border-color:var(--line)!important}
:root[data-theme="dark"] .connection-delete{background:var(--surface)!important;border-color:#613040!important;color:#F17A8C!important}
:root[data-theme="dark"] .pr55-dev,:root[data-theme="dark"] .pr55-doc,:root[data-theme="dark"] .pr55-nav,:root[data-theme="dark"] .pr55-tool,:root[data-theme="dark"] .pr55-endpoint,:root[data-theme="dark"] .pr64-doc-search{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important}
.oroko-theme-setting{display:flex;align-items:center;justify-content:space-between;gap:18px}
.oroko-theme-setting-copy{min-width:0}.oroko-theme-setting-copy h2{margin:0 0 5px;font-size:13px}.oroko-theme-setting-copy p{margin:0!important}
.oroko-theme-options{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}
.oroko-theme-options button{height:30px;border:0;border-radius:7px;background:transparent;color:var(--muted);padding:0 10px;font-size:10px;font-weight:750}
.oroko-theme-options button:hover{color:var(--ink)}
.oroko-theme-options button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs)}
:root[data-theme="dark"] .oroko-theme-options button[aria-pressed="true"]{background:var(--surface-soft);color:var(--primary)}
@media(max-width:620px){.oroko-theme-setting{align-items:flex-start;flex-direction:column}.oroko-theme-options{width:100%}.oroko-theme-options button{flex:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
:root[data-theme="dark"] header{background:rgba(8,17,31,.94)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .chip,:root[data-theme="dark"] .tab,:root[data-theme="dark"] .tool,:root[data-theme="dark"] .num,:root[data-theme="dark"] .step-card,:root[data-theme="dark"] .canvas-shell,:root[data-theme="dark"] .inspector{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important}
:root[data-theme="dark"] .tab.active{background:var(--primary)!important;border-color:var(--primary)!important;color:#03111C!important}
:root[data-theme="dark"] .note{background:#0B1626!important;border-left-color:var(--orange)!important}
:root[data-theme="dark"] .detail span{background:var(--surface-soft)!important;color:var(--muted)!important}
:root[data-theme="dark"] .canvas-stage{background-color:#091525!important;background-image:radial-gradient(#263B55 1px,transparent 1px)!important}
:root[data-theme="dark"] .edge{stroke:#7690B2!important}
:root[data-theme="dark"] .edge-label{fill:#94A3B8!important}
:root[data-theme="dark"] .footer{border-color:var(--line)!important}


/* Clash hardening: these variables remain authoritative even when legacy
   Brand Primitives/PR64 layers with !important light tokens are present. */
:root[data-theme="dark"]{
  --bg:#08111F!important;--surface:#0F1B2D!important;--surface-soft:#132238!important;
  --ink:#F4F7FB!important;--muted:#94A3B8!important;--line:#22324A!important;--line-strong:#2C405E!important;
  --orange:#FF6200!important;--orange-deep:#FF8A45!important;--orange-soft:#312116!important;
  --primary:#61C3FF!important;--primary-soft:#122D43!important;
  --green:#38C793!important;--green-soft:#102D28!important;
  --red:#F17A8C!important;--red-soft:#301923!important;
  --amber:#D7B84A!important;--amber-soft:#302A16!important;
  --blue:#61C3FF!important;--blue-soft:#122D43!important;
  --purple:#747BFF!important;--purple-soft:#20233F!important;
  --cyan:#49C6CF!important;--cyan-soft:#102C32!important;
  --waypoint:#747BFF!important;--waypoint-soft:#20233F!important;
  --gold:#D7B84A!important;--gold-soft:#302A16!important;
  --shadow-xs:0 1px 3px rgba(0,0,0,.16)!important;
  --shadow-sm:0 12px 28px rgba(0,0,0,.24)!important;
  --shadow-md:0 24px 60px rgba(0,0,0,.34)!important;
}

/* Later Brand Primitives/navigation layers */
:root[data-theme="dark"] .pr34-nav-button,
:root[data-theme="dark"] .pr34-back{color:var(--muted)!important}
:root[data-theme="dark"] .pr34-nav-button:hover,
:root[data-theme="dark"] .pr34-back:hover{background:var(--surface)!important;color:var(--ink)!important}
:root[data-theme="dark"] .pr34-nav-button.active{background:var(--surface-soft)!important;color:var(--ink)!important;box-shadow:none!important}
:root[data-theme="dark"] .pr34-nav-button.active .nav-icon{color:var(--primary)!important}
:root[data-theme="dark"] .pr34-eyebrow{background:var(--surface-soft)!important;color:var(--primary)!important}
:root[data-theme="dark"] .pr34-roadmap-vision,
:root[data-theme="dark"] .pr34-rm-col,
:root[data-theme="dark"] .pr34-rm-card,
:root[data-theme="dark"] .pr34-help-card,
:root[data-theme="dark"] .pr34-empty,
:root[data-theme="dark"] .pr34-help-links button,
:root[data-theme="dark"] .pr64-list,
:root[data-theme="dark"] .pr64-list-mode .process-grid,
:root[data-theme="dark"] .pr64-view-toggle,
:root[data-theme="dark"] .pr64-global-search,
:root[data-theme="dark"] .pr64-command,
:root[data-theme="dark"] .pr64-command-head,
:root[data-theme="dark"] .pr64-tool-filters button{
  background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important
}
:root[data-theme="dark"] .pr34-rm-col{background:#0B1626!important}
:root[data-theme="dark"] .pr34-help-links button:hover,
:root[data-theme="dark"] .pr64-command-item:hover,
:root[data-theme="dark"] .pr64-command-item[aria-selected="true"],
:root[data-theme="dark"] .pr64-view-toggle button.active,
:root[data-theme="dark"] .pr64-tool-filters button.active{background:var(--surface-soft)!important;color:var(--ink)!important}
:root[data-theme="dark"] .pr64-command-backdrop{background:rgba(1,7,15,.62)!important}

/* Canonical Roles / Systems / Process Management surfaces */
:root[data-theme="dark"] .pr52-table-wrap,
:root[data-theme="dark"] .pr52-catalog-card,
:root[data-theme="dark"] .pr52-menu,
:root[data-theme="dark"] .pr52-modal,
:root[data-theme="dark"] .pr52-row-actions button,
:root[data-theme="dark"] .pr52-menu-button,
:root[data-theme="dark"] .pr52-field input,
:root[data-theme="dark"] .pr52-field textarea,
:root[data-theme="dark"] .pr52-field select,
:root[data-theme="dark"] .pr52-tabs button{
  background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important
}
:root[data-theme="dark"] .pr52-table th,
:root[data-theme="dark"] .pr52-status,
:root[data-theme="dark"] .pr52-usage{background:var(--surface-soft)!important;color:var(--muted)!important}
:root[data-theme="dark"] .pr52-table td,
:root[data-theme="dark"] .pr52-member,
:root[data-theme="dark"] .pr52-modal-head,
:root[data-theme="dark"] .pr52-modal-foot{border-color:var(--line)!important}
:root[data-theme="dark"] .pr52-menu button{color:var(--ink)!important}
:root[data-theme="dark"] .pr52-menu button:hover,
:root[data-theme="dark"] .pr52-row-actions button:hover{background:var(--surface-soft)!important}
:root[data-theme="dark"] .pr52-tabs button.active{background:var(--primary)!important;border-color:var(--primary)!important;color:#03111C!important}
:root[data-theme="dark"] .pr52-modal-backdrop{background:rgba(1,7,15,.68)!important}
:root[data-theme="dark"] .pr52-danger-box{background:var(--red-soft)!important;border-color:#613040!important}
:root[data-theme="dark"] .pr52-danger-box strong{color:#F49AAA!important}

/* Detached runtime menus and hardcoded transient states. */
:root[data-theme="dark"] .notifications-menu,
:root[data-theme="dark"] .header-more-menu,
:root[data-theme="dark"] .header-more-menu-detached{
  background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important;
  box-shadow:var(--shadow-md)!important
}
:root[data-theme="dark"] .notifications-menu-item:hover,
:root[data-theme="dark"] .header-more-menu button:hover{background:var(--surface-soft)!important}
:root[data-theme="dark"] #phase2Conflict{
  background:#302A16!important;border-color:#62552B!important;color:#E7CB6B!important;
  box-shadow:var(--shadow-md)!important
}
:root[data-theme="dark"] #phase2Conflict button{background:var(--surface)!important;border-color:#62552B!important;color:inherit!important}
:root[data-theme="dark"] #phase2SaveState{color:var(--muted)!important}
:root[data-theme="dark"] body.sidebar-open .scrim{background:rgba(1,7,15,.62)!important}

/* Comparison rows keep their semantic meaning without light-theme fills. */
:root[data-theme="dark"] .compare-table tr.changed td{background:var(--orange-soft)!important}
:root[data-theme="dark"] .compare-table tr.added td{background:var(--green-soft)!important}
:root[data-theme="dark"] .compare-table tr.removed td{background:var(--red-soft)!important}

/* Developer hard-coded light text/background rules. */
:root[data-theme="dark"] .pr55-dev{color:var(--ink)!important}
:root[data-theme="dark"] .pr55-head p,
:root[data-theme="dark"] .pr55-section p,
:root[data-theme="dark"] .pr55-quickfacts,
:root[data-theme="dark"] .pr55-key-meta,
:root[data-theme="dark"] .pr55-trail-row small,
:root[data-theme="dark"] .pr55-trail-time,
:root[data-theme="dark"] .pr55-usage-expiry{color:var(--muted)!important}
:root[data-theme="dark"] .pr55-section,
:root[data-theme="dark"] .pr55-key-row,
:root[data-theme="dark"] .pr55-action,
:root[data-theme="dark"] .pr55-key-create input,
:root[data-theme="dark"] .pr55-trail-select,
:root[data-theme="dark"] .pr55-usage-toggle button,
:root[data-theme="dark"] .pr55-usage-stat{
  background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important
}
:root[data-theme="dark"] .pr55-tabs{background:var(--bg)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .pr55-tabs button{color:var(--muted)!important}
:root[data-theme="dark"] .pr55-tabs button.active{color:var(--primary)!important;border-color:var(--primary)!important}
:root[data-theme="dark"] .pr55-secret{background:var(--orange-soft)!important;border-color:#704126!important}
:root[data-theme="dark"] .pr55-usage-toggle button.active{background:var(--surface-soft)!important;border-color:#474D8A!important;color:#AEB2FF!important}
:root[data-theme="dark"] .pr55-usage-stat strong,
:root[data-theme="dark"] .pr55-usage-total,
:root[data-theme="dark"] .pr55-usage-total strong{color:var(--ink)!important}

/* Dark mode never changes the canonical Oroko logo colour. */
:root[data-theme="dark"] .brand img,
:root[data-theme="dark"] .brand-area img,
:root[data-theme="dark"] .pr64-rail-mark svg{filter:none!important}