/* The link's media query selects this palette; print always keeps the light palette. */
@media screen {
  :root {
    color-scheme: dark;
    --paper: #1e211d;
    --ink: #ede9df;
    --muted: #b0b4a5;
    --accent: #ee9476;
    --line: #4e5548;
    --dark: #151b17;
    --on-accent: #1e211d;
  }

  .idea-figure { background: #2a3027; border-color: #626b58; box-shadow: 5px 6px 0 -1px var(--paper), 5px 6px 0 0 #4e5548; }
  .idea-grid { color: #aab59b; }
  .wire { stroke: #87977b; }
  .accent-wire { stroke: var(--accent); }
  .registration { stroke: #78866b; }
  .logic-surface { stroke: #87977b; }
  .logic-shadow { fill: #0e120e; }
  .figure-bottom { border-color: #4e5548; }
  .project-index { color: #a7b295; }
  .project-note, .future-slot, .about-note { color: var(--muted); }
  .future-slot { border-top-color: #66705b; }
  .credential-index { color: #a7b295; }
  .credentials-empty { color: var(--muted); border-top-color: #66705b; }
  .portrait-frame { background: #30372b; border-color: #87977b; }
  .contact-section { background: #2b3228; border-color: #4e5b43; }
  .social-link { border-color: #738064; }
  .footer-signoff { border-color: #536148; }

  .editor-toolbar button, .preview-toolbar button, .item-actions button, .add-button { border-color: #87977b; }
  .editor-toolbar button:hover, .preview-toolbar button:hover, .item-actions button:hover, .add-button:hover { background: #394132; }
  .editor-toolbar .export-button { border-color: var(--ink); }
  .editor-toolbar .export-button:hover { background: var(--accent); }
  .preview-toolbar button[aria-pressed="true"]:hover { background: var(--ink); }
  .editor-notice { background: #303b2b; border-color: #94a780; }
  .error-summary { background: #3e2a22; }
  .editor-field input, .editor-field textarea, .editor-field select, .preview-toolbar select { background: #171c17; border-color: #87977b; }
  .editor-field input[aria-invalid="true"], .editor-field textarea[aria-invalid="true"], .editor-field select[aria-invalid="true"] { border-color: var(--accent); }
  .content-item { background: #2a3025; border-color: #56634b; }
  .copy-group { background: #252b22; }
  #preview-dialog::backdrop { background: #080d09cc; }
  .preview-frame-wrap { background: #121812; }
  #preview-frame { border-color: #647157; }
}