/* Portfolio palette — 2026-10-23.
   Paper stays warm; quiet surfaces share a mint hue; lime is reserved for action.
   Product artboards/tags/hover palettes are frozen in the final scope below.
   Kept outside print so the existing print stylesheet retains its white page. */
@media screen {



  /* Action surfaces keep dark ink in both themes. */
  .hero-cta{color:var(--on-lime)}
  .hero-cta:hover{background:var(--lime-hover)}
  .hero-cta:active{background:var(--lime-pressed)}
  .contact,.case-conversation,.about .next-chapter{
    --ink:var(--on-lime);--muted:var(--on-lime-muted);
    --body-text:var(--on-lime-muted);--green:#345947;
    color:var(--on-lime);
  }
  .about .next-chapter p{color:var(--on-lime-muted)}
  .next-chapter-link,.case-conversation .hero-cta{background:var(--on-lime);color:var(--paper)}
  /* A dark button on lime must keep light text, independent of the page theme. */
  .next-chapter-link,.case-conversation .hero-cta{color:#f3f2ec}
  .case-conversation .hero-cta:hover,.next-chapter-link:hover{background:#345947}
  .contact-trigger,:root[data-theme="dark"] .contact-trigger{color:var(--green)}
  .contact-panel-intro h2>span{color:var(--green)}
  :root[data-theme="dark"] .contact-panel-intro h2>span{color:var(--green)}
  .theme-control,.music-tabs{border-color:var(--line)}
  .theme-control button[aria-pressed="true"],.music-tabs button[aria-selected="true"]{
    color:var(--on-lime);box-shadow:none;
  }
  .music-tabs button[aria-selected="true"]{font-weight:500}
  .dialog-bar button{background:var(--secondary-surface);color:var(--ink)}
  .dialog-bar button:hover{background:var(--secondary-hover)}
  .toolkit-motion{border-color:var(--control-line)}
  :root[data-theme="dark"] .dj-portrait{filter:none}

  /* The music shelf uses the same quiet mint; parchment labels stay warm by day. */
  :root,:root[data-theme="dark"]{
    --playlist-surface:var(--quiet-surface);
    --playlist-border:var(--control-line);
    --playlist-label:var(--green);
  }
  :root[data-theme="dark"] .music-strip{--music-tag-bg:#c6dccc;--music-tag-ink:#294d3b}

  /* Preserve the complete selected-work palette, including its info typography. */
  .work .project{
    color:var(--ink);
    --paper:#f3f2ec;--ink:#242820;--muted:#686c62;--body-text:#565d52;
    --green:#345947;--line:#d5d7cd;--panel-border:#cbd5c2;
  }
  :root[data-theme="dark"] .work .project{
    --paper:#191d1a;--ink:#eceee5;--muted:#a9b1a3;--body-text:#c1c9ba;
    --green:#b2d4ac;--line:#394338;--panel-border:#46533f;
  }
}