/* Dark colors are screen-only: printing stays white and forced-color users
   retain the operating system palette. Source textarea stays transparent over
   its syntax mirror; its caret and selection remain visible. */
@media screen and (forced-colors:none){
  html[data-theme=dark]{color-scheme:dark;--blue:#d4eaff;--teal:#65d2d9;--line:#4b6575;color:#e4eef4;background:#101a23}
  html[data-theme=dark] body{background:#101a23;color:#e4eef4}
  html[data-theme=dark] header,html[data-theme=dark] .card,html[data-theme=dark] dialog{background:#192733;color:#e4eef4;border-color:#4b6575}
  html[data-theme=dark] button,html[data-theme=dark] .menu-link,html[data-theme=dark] .badge{background:#263a49;color:#e4eef4;border-color:#4b6575}
  html[data-theme=dark] button:hover,html[data-theme=dark] .menu-link:hover{background:#344f60}
  html[data-theme=dark] button.primary{background:#166374;color:#fff;border-color:#69ccd8}
  html[data-theme=dark] button[aria-pressed=true],html[data-theme=dark] button.active,html[data-theme=dark] .note-item[aria-current=true]{background:#254e59;color:#fff;border-color:#65d2d9}
  html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .note-item{background:#13212c;color:#e4eef4;border-color:#4b6575}
  html[data-theme=dark] input:read-only{background:#22323f}
  html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#a7b9c6}
  html[data-theme=dark] small,html[data-theme=dark] .muted,html[data-theme=dark] footer,html[data-theme=dark] #empty{color:#b7c9d5}
  html[data-theme=dark] a{color:#7ddce6}
  html[data-theme=dark] #editor-mirror{background:#13212c;color:#e4eef4;border-color:#4b6575}
  html[data-theme=dark] .editor-shell #body{background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:#e4eef4;border-color:#4b6575}
  html[data-theme=dark] .editor-shell #body::selection{background:#65d2d955;color:transparent}
  html[data-theme=dark] .markdown blockquote,html[data-theme=dark] .markdown pre,html[data-theme=dark] .markdown code,html[data-theme=dark] .link-box{background:#233846;color:#e4eef4}
  html[data-theme=dark] #tag-suggestions,html[data-theme=dark] .hint,html[data-theme=dark] #notice{background:#233f4a;color:#e4eef4;border-color:#65aab9}
  html[data-theme=dark] #tag-suggestions button[aria-selected=true]{background:#254e59}
  html[data-theme=dark] .error,html[data-theme=dark] #notice.error{background:#4a2530;color:#ffdce0;border-color:#df8997}
  html[data-theme=dark] button.danger{color:#ffadb8}
  html[data-theme=dark] .note-delete.icon-button{background:transparent;border-color:transparent}
  html[data-theme=dark] .note-delete.icon-button:hover{background:#4a2530;border-color:#df8997}
  html[data-theme=dark] .compact-status{color:#83dbe2!important}
  html[data-theme=dark] .compact-status[data-state=saved]{color:#88e8af!important}
  html[data-theme=dark] #save-state{color:#88e8af}
  html[data-theme=dark] .qr-image{background:#fff}
  html[data-theme=dark] .file-hover{background:#233f4a}
  html[data-theme=dark] dialog::backdrop{background:#0009}
  html[data-theme=dark] :focus-visible{outline-color:#8ce5ee}
}