/* Shared visual language: white working surfaces, green actions, purple royal commentary.
   Keep status/error colours and the illustrated community backdrops independent. */
body[data-pond-theme]{--pond-white:#fff;--pond-control-border:#ccd5ca;--pond-action:#244f3c;--pond-hover:#f0f3ed;--pond-purple:#66467e;--pond-lavender:#f2edf7;--pond-purple-line:#9575aa}

/* Secondary actions are recognisable even on the pale reading background. */
body[data-pond-theme] :is(.outline-button,.pond-menu-trigger,.pond-mobile-saved,.pond-account-trigger,.pond-account-fallback),
body[data-pond-theme] .my-pond-page .outline-button{
 background:var(--pond-white);color:var(--pond-action);border:1px solid var(--pond-control-border);box-shadow:none;
}
body[data-pond-theme] :is(.outline-button,.pond-menu-trigger,.pond-mobile-saved):hover{background:var(--pond-hover);border-color:#8da58e}
body[data-pond-theme] .pond-account-dropdown{background:var(--pond-white)}
body[data-pond-theme] .pond-account-icon i{border-color:var(--pond-white)}
body[data-pond-theme] :is(.dark-button,.reading-tools button){background:var(--pond-action);border-color:var(--pond-action);color:#fff;box-shadow:none}
body[data-pond-theme] :is(.dark-button,.reading-tools button):hover{background:#193d2e;color:#fff}
body[data-pond-theme] .host-ribbon .dark-button{background:#fff;color:var(--pond-action);border-color:var(--pond-control-border)}
body[data-pond-theme] :is(.tabs button,.meme-filters button){background:#fff;color:var(--pond-action);border:1px solid var(--pond-control-border);box-shadow:none}
body[data-pond-theme] :is(.tabs button.selected,.meme-filters button[aria-pressed=true]){background:var(--pond-action);color:#fff;border-color:var(--pond-action)}

/* News remains a continuous reading page; utility panels have white surfaces. */
body[data-pond-theme="editorial"][data-pond-area="story"] .article-page{background:#fff}
body[data-pond-theme="editorial"] :is(.subscribe-option,.newsletter-card,.modal,.empty,.empty-watch,.saved-note){background:#fff;border-color:var(--pond-control-border);box-shadow:none}
body[data-pond-theme="editorial"] :is(.feed-subscribe,.tip-card){background:#fff;border:1px solid var(--pond-control-border);border-top:2px solid #55745a;border-radius:6px;padding:20px}
body[data-pond-theme] :is(.newsletter-form input[type=email],.subscribe-option input,.article-share textarea,.edition-caption,.audience-form input){background:#fff;color:#243d31;border-color:var(--pond-control-border)}
body[data-pond-theme] .newsletter-card{border-top-color:var(--pond-action)}
body[data-pond-theme] .newsletter-aside{color:var(--pond-purple)}

/* Archive search and source records use the same quieter panels. */
body[data-pond-theme] :is(.archive-controls,.archive-results,.archive-empty,.reading-tools,.receipt-record,.related-grid article){background:#fff;color:#243d31;border:1px solid var(--pond-control-border);border-radius:8px;box-shadow:none}
body[data-pond-theme] .archive-controls :is(input,select){background:#fff;color:#243d31;border:1px solid #b8c6b6;border-radius:5px}
body[data-pond-theme] .archive-page .archive-list[data-view="compact"] .archive-story{background:#fff;border:1px solid var(--pond-control-border);border-radius:8px}
body[data-pond-theme] .receipt-index a{background:#fff;color:var(--pond-action);border-color:var(--pond-control-border);border-radius:6px}
body[data-pond-theme] .receipt-note{background:#f0f3ed;border-color:var(--pond-control-border)}
body[data-pond-theme] .receipt-timeline li:before{border-color:#fff}
body[data-pond-theme] .pond-share-menu{background:#fff;border-color:var(--pond-control-border);border-radius:8px}
body[data-pond-theme] .pond-share-grid>:not(.pond-share-native){background:#fff;color:var(--pond-action);border-color:var(--pond-control-border);border-radius:6px}
body[data-pond-theme] .pond-share-grid>:not(.pond-share-native):hover{background:var(--pond-hover)}

/* My Pond: account state remains separate from visual decoration. */
body[data-pond-theme] :is(.pond-entry,.pond-session,.pond-panel-heading,.pond-reader-card,.pond-settings,.pond-empty,.my-pond-loading,.pond-search,.pond-more){background:#fff;border-color:var(--pond-control-border);box-shadow:none}
body[data-pond-theme] :is(.pond-manage,.pond-link-action,.pond-identities li){background:#fff;color:var(--pond-action);border-color:var(--pond-control-border)}
body[data-pond-theme] .pond-topic-grid button:not([aria-pressed=true]),
body[data-pond-theme] .pond-card-tools button:not([aria-pressed=true]){background:#fff;border-color:var(--pond-control-border)}
body[data-pond-theme] .pond-topic-grid button[aria-pressed=true]{background:var(--pond-action);border-color:var(--pond-action);color:#fff}

/* Bumpy links and opinions share the royal purple. */
body[data-pond-theme] .story-links a[href^="/ask-bumpy.html"]{color:var(--pond-purple)}
body[data-pond-theme] :is(.feed-verdict,.article-verdict){background:var(--pond-lavender);border-left-color:var(--pond-purple-line);box-shadow:none}
body[data-pond-theme] :is(.feed-verdict summary,.article-verdict .eyebrow){color:var(--pond-purple)}
body[data-pond-theme] .chuckle-button{background:#fff;border-color:#d4c7de;color:var(--pond-purple)}
body[data-pond-theme] .chuckle-button:hover{background:#f7f3fa;border-color:var(--pond-purple-line)}
body[data-pond-theme] .chuckle-button[aria-pressed=true]{background:#eae0f2;border-color:var(--pond-purple-line);color:#58356e}
body[data-pond-theme] .bumpy-audience .audience-copy{background:var(--pond-lavender);color:#243d31}
body[data-pond-theme] .audience-bubble{background:#fff;color:var(--pond-purple);border-color:#d4c7de}
body[data-pond-theme] .bumpy-dock{background:#fff;color:#243d31;border-color:#d4c7de}
body[data-pond-theme] .bumpy-dock img{border-color:var(--pond-purple-line)}

/* Creative pages retain their garden and artwork, with clean working panels. */
body[data-pond-theme="water-garden"] .masthead{background:#f7f7f2;color:#243d31}
body[data-pond-theme] .bumpy-intro{background:var(--pond-lavender);color:#243d31;border-color:#d4c7de;box-shadow:none}
body[data-pond-theme] .bumpy-intro .eyebrow{color:var(--pond-purple)}
body[data-pond-theme] .bumpy-panel{background:#fff;color:#243d31;border-color:var(--pond-control-border);box-shadow:none}
body[data-pond-theme] .bumpy-panel :is(select,textarea){background:#fff;color:#243d31;border-color:#b8c6b6;border-radius:7px}
body[data-pond-theme] :is(.bumpy-starters button,.bumpy-result-actions button,.bumpy-result-actions a,.bumpy-panel-top button){background:#fff;color:var(--pond-action);border:1px solid var(--pond-control-border);border-radius:7px}
body[data-pond-theme] :is(.bumpy-starters button,.bumpy-result-actions button,.bumpy-result-actions a,.bumpy-panel-top button):hover{background:var(--pond-hover)}
body[data-pond-theme] .bumpy-message.user{background:#f0f3ed;border-color:var(--pond-control-border)}
body[data-pond-theme] .bumpy-verdict{background:var(--pond-lavender);color:#243d31;border:1px solid #d4c7de;border-left:3px solid var(--pond-purple-line);border-radius:7px}
body[data-pond-theme] .bumpy-verdict small{color:var(--pond-purple)}
body[data-pond-theme] :is(.meme-card,.meme-instructions,.meme-tools,.meme-outro){background:#fff;color:#243d31;border-color:var(--pond-control-border);box-shadow:none}
body[data-pond-theme] .meme-card-body{background:#fff;color:#243d31}
body[data-pond-theme] .meme-instructions b{color:#243d31}
body[data-pond-theme] .meme-tools{padding:16px;border:1px solid var(--pond-control-border);border-radius:8px}
body[data-pond-theme] .meme-search input{background:#fff;color:#243d31;border-color:#b8c6b6}
body[data-pond-theme] .meme-count{background:#fff;color:#536653;padding:8px 12px;border-radius:5px;width:fit-content}
body[data-pond-theme] .meme-outro{padding:24px;border:1px solid var(--pond-control-border);border-radius:8px}
body[data-pond-theme] .meme-card-meta{color:var(--pond-purple)}
body[data-pond-theme] .roadmap-downloads article{background:#fff;border-color:var(--pond-control-border)}
body[data-pond-theme] .roadmap-note{background:var(--pond-lavender);color:#243d31;border-left:3px solid var(--pond-purple-line)}

/* Shared community destinations remain easy to find on either theme. */
body[data-pond-theme] .footer-socials a,body[data-pond-theme] .site-footer .contract-banner{background:#fff!important;color:#243d31;border-color:var(--pond-control-border);box-shadow:none}
body[data-pond-theme] .site-footer .contract-banner{border-left-color:#a47b2f}
body[data-pond-theme] .footer-socials a:hover{background:var(--pond-hover)!important}
body[data-pond-theme] :is(.outline-button,.dark-button,.tabs button,.meme-filters button,.archive-controls input,.archive-controls select,.bumpy-panel textarea,.bumpy-panel select,.bumpy-starters button,.chuckle-button,.pond-account-trigger,.pond-account-fallback):focus-visible{outline:3px solid var(--pond-purple);outline-offset:3px}
@media(max-width:700px){body[data-pond-theme] .meme-tools{padding:12px}body[data-pond-theme] .meme-outro{padding:20px}}