/* CHANNMAS Creative Work Library 2.0.3 — site appearance integration.
 * CHANNMAS theme uses <html data-theme="light|dark"> (also changed live by
 * its header toggle). No duplicate theme state, storage, or JavaScript needed.
 * All light-theme overrides are scoped to this plugin's public surfaces.
 * In dark mode the approved Pinterest design is unchanged.
 */
html[data-theme="light"] .chml-library.chml-pinterest {
  --chml-pin-bg:var(--bg,#fafbf8);
  --chml-pin-text:var(--ink,#142c27);
  --chml-pin-mint:#246f50;
  --chml-pin-line:#d0e0d5;
  --chml-pin-muted:#586f60;
  --chml-pin-gold:#ae9264;
  background:radial-gradient(ellipse 46% 13% at 6% 0%,#e7f1e8 0%,transparent 100%),var(--chml-pin-bg);
  color:var(--chml-pin-text);
}
html[data-theme="light"] .chml-pinterest .chml-pin-eyebrow {color:#32745b}
html[data-theme="light"] .chml-pinterest .chml-pin-hero h1 {color:#19372b}
html[data-theme="light"] .chml-pinterest .chml-pin-hero p {color:#586d62}
html[data-theme="light"] .chml-pinterest .chml-pin-search {
  background:#fff;border-color:#cbdcd1;color:#486959;
}
html[data-theme="light"] .chml-pinterest .chml-pin-search:focus-within {
  border-color:#397956;box-shadow:0 0 0 3px rgba(40,112,76,.12);
}
html[data-theme="light"] .chml-pinterest .chml-pin-search input {color:#183e2c}
html[data-theme="light"] .chml-pinterest .chml-pin-search input::placeholder {color:#687e71;opacity:1}
html[data-theme="light"] .chml-pinterest .chml-pin-density {
  color:#214a36;background:#fff;border-color:#cbdcd1;
}
html[data-theme="light"] .chml-pinterest .chml-pin-density:hover {
  background:#e7f2e9;border-color:#75a88b;
}
html[data-theme="light"] .chml-pinterest .chml-pin-density[aria-pressed="true"] {
  color:#fff;background:#285b42;border-color:#285b42;
}
html[data-theme="light"] .chml-pinterest .chml-pin-density[aria-pressed="true"] svg circle {stroke:#285b42}
html[data-theme="light"] .chml-pinterest .chml-pin-filter {
  border-color:#cbdcd1;color:#315441;background:#fff;
}
html[data-theme="light"] .chml-pinterest .chml-pin-filter:hover {
  border-color:#91b59e;background:#e6f1e8;color:#173d2b;
}
html[data-theme="light"] .chml-pinterest .chml-pin-filter.is-active {
  color:#143c2b;background:#bce9ce;border-color:#bce9ce;
}
html[data-theme="light"] .chml-pinterest .chml-pin-count {color:#435e4e}
html[data-theme="light"] .chml-pinterest .chml-pin-rule {background:#c6d8cb}
html[data-theme="light"] .chml-pinterest .chml-pin-gallery {border-color:#d0dfd3}
html[data-theme="light"] .chml-pinterest .chml-pin {color:#173c2a}
html[data-theme="light"] .chml-pinterest .chml-pin-media {border-color:#d5e2d8}
html[data-theme="light"] .chml-pinterest .chml-pin-details {border-color:#d3e2d7}
html[data-theme="light"] .chml-pinterest .chml-pin-category {color:#517462}
html[data-theme="light"] .chml-pinterest .chml-pin-details h2 {color:#173b2b}
html[data-theme="light"] .chml-pinterest .chml-pin-details p {color:#61796a}
html[data-theme="light"] .chml-pinterest .chml-pin-arrow {
  color:#26583d;border-color:#a6c4b0;
}
html[data-theme="light"] .chml-pinterest .chml-pin-arrow:hover {
  color:#fff;background:#285b42;border-color:#285b42;
}
html[data-theme="light"] .chml-pinterest .chml-pin-placeholder {
  background:linear-gradient(145deg,#e7f0e5,#d5e7d8);color:#345f43;
}
html[data-theme="light"] .chml-pinterest .chml-pin-placeholder span {color:#9b8055}
html[data-theme="light"] .chml-pinterest .chml-pin-empty {border-color:#d0dfd3}
html[data-theme="light"] .chml-pinterest .chml-pin-empty-mark {color:#5a9471}
html[data-theme="light"] .chml-pinterest .chml-pin-empty h2 {color:#173b2b}
html[data-theme="light"] .chml-pinterest .chml-pin-empty p {color:#5d7365}
html[data-theme="light"] .chml-pinterest .chml-pin-clear {color:#285c43;border-color:#a9c6b1}
html[data-theme="light"] .chml-pinterest .chml-pin-footer-line {
  color:#547563;border-color:#cfdfd2;
}
html[data-theme="light"] .chml-pinterest .chml-pin-footer-line a {color:#275a41}
html[data-theme="light"] .chml-pinterest .chml-pin-pages a,
html[data-theme="light"] .chml-pinterest .chml-pin-pages span {
  color:#27503b;border-color:#bed3c2;
}
html[data-theme="light"] .chml-pinterest .chml-pin-pages span.current {
  color:#143c2b;background:#bce9ce;
}
/* The project viewer is also part of the library. Keep the actual website
   screenshots untouched while making the viewer's controls theme-aware. */
html[data-theme="light"] .chml-pin-lightbox.chml-lightbox {
  background:#fafbf8;color:#193c2b;border-color:#b8cfc0;
}
html[data-theme="light"] .chml-pin-lightbox .chml-lightbox-top,
html[data-theme="light"] .chml-pin-lightbox .chml-pin-modal-bottom {border-color:#d0dfd3}
html[data-theme="light"] .chml-pin-lightbox .chml-overline {color:#48745a}
html[data-theme="light"] .chml-pin-lightbox .chml-lightbox-close {
  background:#e7f1e9;border-color:#b3cdbb;color:#215139;
}
html[data-theme="light"] .chml-pin-lightbox .chml-lightbox-hint,
html[data-theme="light"] .chml-pin-lightbox .chml-pin-modal-nav {color:#537160}
html[data-theme="light"] .chml-pin-lightbox .chml-pin-modal-actions a,
html[data-theme="light"] .chml-pin-lightbox .chml-lightbox-live {color:#276045!important}
html[data-theme="light"] .chml-pin-lightbox .chml-pin-modal-nav button {
  background:#e5f1e8;color:#24533b;border-color:#a5c9b1;
}
html[data-theme="light"] .chml-pin-lightbox .chml-device-buttons button {
  color:#2e5a40;border-color:#a7c8b0;
}
html[data-theme="light"] .chml-pin-lightbox .chml-device-buttons button.is-active {
  color:#173b2a;background:#bce9ce;border-color:#bce9ce;
}
html[data-theme="light"] .chml-pin-lightbox .chml-lightbox-screen {border-color:#c0d5c6}
html[data-theme="light"] .chml-pin-lightbox .chml-lightbox-screen:not(.is-website) {background:#e8f0e9}
/* Project Story itself already supports CHANNMAS light and dark modes in
   library.css. The deliberately dark scrollable website frame remains as
   approved in 2.0.1 and only the surrounding page follows the theme. */