/* Approved semantic dark theme for Semi. Generated Figma light styles stay intact. */
html[data-theme=dark] .case-semi{
  --case-text-primary:#f2f1f0;
  --case-text-body:#c4c0bc;
  --case-text-muted:#aaa49e;
  --case-surface:#302d29;
  --case-surface-emphasis:#f2f1f0;
  --case-surface-cool:#303b43;
  --case-rule:rgba(242,241,240,.18);
}
html[data-theme=dark] .case-semi main{filter:none;color:var(--case-text-body)}
html[data-theme=dark] .case-semi main img,
html[data-theme=dark] .case-semi main video{filter:none}
html[data-theme=dark] .case-semi [data-theme-text=primary]{color:var(--case-text-primary)}
html[data-theme=dark] .case-semi [data-theme-text=body]{color:var(--case-text-body)}
html[data-theme=dark] .case-semi [data-theme-text=muted]{color:var(--case-text-muted)}
html[data-theme=dark] .case-semi [data-theme-surface=raised]{background-color:var(--case-surface)}
html[data-theme=dark] .case-semi [data-theme-surface=emphasis]{background-color:var(--case-surface-emphasis)}
html[data-theme=dark] .case-semi [data-theme-surface=cool]{background-color:var(--case-surface-cool)}
html[data-theme=dark] .case-semi [data-theme-surface=cool] [data-theme-text=muted]{color:#bdc8d0}
html[data-theme=dark] .case-semi [data-theme-rule]{border-color:var(--case-rule)}
/* Emphasis reverses the text roles locally, with dark labels on bright paper. */
html[data-theme=dark] .case-semi [data-theme-surface=emphasis]{
  --case-text-primary:#141210;--case-text-body:#514b45;--case-text-muted:#625b54;
  color:var(--case-text-primary);
}
html[data-theme=dark] .case-semi [data-theme-surface=emphasis] img:is([src="assets/1acc4.svg"],[src="assets/a2f14.svg"]){filter:brightness(0)}

/* The canvas, labels and product UI together form one original-color artifact. */
html[data-theme=dark] .case-semi [data-preserve-colors]{
  --bg:#f2f1f0;--bg---detail-page:#f7f7f7;--ink:#141210;
  --muted:rgba(20,18,16,.62);--rule:rgba(20,18,16,.12);--surface:#e7e5e3;
  color:#141210;color-scheme:light;
}
/* Only the overview's translucent frame changes; its four panels stay original. */
html[data-theme=dark] .case-semi [data-node-id="2215:163142"]{background-color:rgba(255,255,255,.1)}
/* Diagram canvases and labels follow the page; colored data marks retain blue. */
html[data-theme=dark] .case-semi [data-theme-diagram=priority]{color-scheme:dark}
html[data-theme=dark] .case-semi [data-node-id="2240:6252"]{background-color:#326cbe}
html[data-theme=dark] .case-semi [data-node-id="2240:6249"]{background-color:#236acb}
html[data-theme=dark] .case-semi [data-theme-diagram=delivery] img[src="assets/8d134.svg"]{filter:brightness(0) invert(1)}
@media(max-width:960px){
  /* Keep diagram labels intact inside their scaled canvas. */
  html[data-theme=dark] .case-semi [data-theme-diagram=priority] .copy{white-space:pre!important}
  html[data-theme=dark] .case-semi [data-theme-diagram=delivery] [data-node-id="2246:6379"],
  html[data-theme=dark] .case-semi [data-theme-diagram=delivery] [data-node-id="2246:6379"]>div,
  html[data-theme=dark] .case-semi [data-theme-diagram=delivery] [data-name=Arrow-down]{width:36px;min-width:36px;align-items:center}
}