/* Selected palette 6: plum and mint. Artwork and game state colors remain intact. */
:root{--wcys-bg:#faf9fe;--wcys-surface:#fffefc;--wcys-ink:#3b3550;--wcys-muted:#6a617c;--wcys-yellow:#cdede4;--wcys-blue:#e6d6f5;--wcys-green:#eee9f8;--wcys-line:#ded8ed;--wcys-preview-primary:#6550a5;--wcys-preview-strong:#493777;--wcys-preview-footer:#f0ecf8;--wcys-preview-ho-active:#a5e1d2;--wcys-preview-diff-active:#d0b7ed;--wcys-ho-ink:#25534b;--wcys-difference-ink:#50386e;--wcys-preview-tint:var(--wcys-green)}
:root{--wcys-ho:var(--wcys-yellow);--wcys-difference:var(--wcys-blue);--word-ring-color:var(--wcys-preview-primary);--word-ring-track:var(--wcys-line);--wcys-shadow:0 10px 30px color-mix(in srgb,var(--wcys-preview-strong) 6%,transparent)}
html .eyebrow{color:var(--wcys-muted)}
html .eyebrow::before{background:var(--wcys-preview-primary)}
html .puzzle-card .badge-hidden{background:var(--wcys-ho);color:var(--wcys-ho-ink)}
html .puzzle-card .badge-difference{background:var(--wcys-difference);color:var(--wcys-difference-ink)}
html :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline-color:var(--wcys-preview-primary)}

/* Page, header, navigation and profile surfaces. */
html :is(.site-header,.demo-banner){border-color:var(--wcys-line);background:var(--wcys-bg)}
html .site-header.is-scrolled{border-color:var(--wcys-line);background:var(--wcys-surface);box-shadow:0 6px 24px color-mix(in srgb,var(--wcys-preview-strong) 10%,transparent)}
html :is(.brand-subtitle,.site-header .brand-subtitle,.hero-description,.hero-reassurance,.category-count,.catalog-clear,.nav-games-heading p){color:var(--wcys-muted)}
html :is(.nav-games>summary,.nav-profile.is-open>.wcys-family-nav,.nav-toggle){border-color:var(--wcys-line);background:var(--wcys-preview-tint);color:var(--wcys-preview-strong)}
html .site-header :is(.nav-games[open]>summary,.nav-games>summary:hover){border-color:color-mix(in srgb,var(--wcys-preview-primary) 38%,var(--wcys-line));background:color-mix(in srgb,var(--wcys-preview-primary) 18%,var(--wcys-surface));color:var(--wcys-preview-strong)}
html :is(.nav-games-panel,.nav-profile-panel,.site-music-hint,.site-music-hint::before){border-color:var(--wcys-line);background:var(--wcys-surface);color:var(--wcys-ink)}
html :is(.site-header .nav-games-heading a,.site-header .wcys-family-nav,.site-music-hint strong,.nav-profile-panel h2,.hero-studio h1>span+span,.text-link,.text-button){color:var(--wcys-preview-strong)}
html :is(.nav-profile-panel li,.site-music-hint>span){color:var(--wcys-muted)}
html .nav-profile-panel li::before{background:var(--wcys-preview-primary)}
html :is(.site-header .nav-profile-cta,.wcys-language-trigger,.wcys-family-avatar){border-color:var(--wcys-line);background:var(--wcys-preview-tint);color:var(--wcys-preview-strong)}
html .site-header .nav-profile-cta:hover{border-color:var(--wcys-preview-primary);background:color-mix(in srgb,var(--wcys-preview-primary) 17%,var(--wcys-surface))}
html .site-header .nav-category-hidden{border-color:color-mix(in srgb,var(--wcys-ho-ink) 20%,var(--wcys-ho));background:var(--wcys-ho);color:var(--wcys-ho-ink)}
html .site-header .nav-category-difference{border-color:color-mix(in srgb,var(--wcys-difference-ink) 20%,var(--wcys-difference));background:var(--wcys-difference);color:var(--wcys-difference-ink)}
html.js .site-header .header-navigation.is-open{border-color:var(--wcys-line);background:var(--wcys-bg)}
html .site-header .mobile-nav-close{border-color:var(--wcys-line);background:var(--wcys-preview-tint);color:var(--wcys-preview-strong)}

/* Primary actions, vocabulary circles and the bank card keep their existing geometry. */
html :is(.hero-choose,.parents-card .button,.button.button-primary){border-color:var(--wcys-preview-primary);background:var(--wcys-preview-primary);color:#fff;box-shadow:inset 0 1px 0 #ffffff26,0 5px 14px color-mix(in srgb,var(--wcys-preview-primary) 20%,transparent)}
html :is(.hero-choose:hover,.hero-choose:focus-visible,.hero-choose:active,.parents-card .button:hover){border-color:var(--wcys-preview-strong);background:color-mix(in srgb,var(--wcys-preview-primary) 87%,var(--wcys-preview-strong));color:#fff}
html .hero-word-banner{border-color:var(--wcys-line);background:linear-gradient(115deg,color-mix(in srgb,var(--wcys-ho) 58%,var(--wcys-surface)),var(--wcys-surface) 58%,var(--wcys-preview-tint));color:var(--wcys-preview-strong)}
html :is(.hero-bank-card,.hero-words .word-circle){border-color:color-mix(in srgb,var(--wcys-preview-primary) 25%,var(--wcys-line));background:var(--wcys-surface)}
html :is(.hero-bank-arrow,.hero-words-heading h2,.hero-words .word-demo){color:var(--wcys-preview-strong)}
html .hero-words{border-color:var(--wcys-line)}
html .hero-words-heading .text-button{border-color:var(--wcys-line);background:var(--wcys-preview-tint);color:var(--wcys-preview-strong)}
html .hero-words-heading .text-button:hover{border-color:var(--wcys-preview-primary);background:color-mix(in srgb,var(--wcys-preview-primary) 17%,var(--wcys-surface))}
html .hero-words .word-speaker{border-color:var(--wcys-bg);background:var(--wcys-preview-primary);color:#fff}
html .hero-words .word-demo:is(:hover,:focus-visible,.is-speaking) .word-circle{border-color:var(--wcys-preview-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--wcys-preview-primary) 18%,transparent)}
html :is(.hero-choose:focus-visible,.hero-word-banner:focus-visible,.hero-words .word-demo:focus-visible,.hero-words-heading .text-button:focus-visible,.hero-slider-tabs button:focus-visible,.hero-slider-thumbs>button:focus-visible){outline-color:var(--wcys-preview-primary)}

/* Category tabs, illustration overlays and cards use the selected category families. */
html .hero-slider-tabs button{border-color:color-mix(in srgb,var(--wcys-ho-ink) 22%,var(--wcys-ho));background:linear-gradient(180deg,color-mix(in srgb,var(--wcys-ho) 65%,var(--wcys-surface)),var(--wcys-ho));color:var(--wcys-ho-ink)}
html .hero-slider-tabs button[aria-selected=true]{border-color:color-mix(in srgb,var(--wcys-ho-ink) 32%,var(--wcys-preview-ho-active));background:var(--wcys-preview-ho-active)}
html .hero-slider-tabs button[data-slider-tab=spot_difference]{border-color:color-mix(in srgb,var(--wcys-difference-ink) 22%,var(--wcys-difference));background:linear-gradient(180deg,color-mix(in srgb,var(--wcys-difference) 65%,var(--wcys-surface)),var(--wcys-difference));color:var(--wcys-difference-ink)}
html .hero-slider-tabs button[data-slider-tab=spot_difference][aria-selected=true]{border-color:color-mix(in srgb,var(--wcys-difference-ink) 32%,var(--wcys-preview-diff-active));background:var(--wcys-preview-diff-active)}
html .hero-slider-stage{border-color:var(--wcys-line)}
html .hero-slide-caption{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--wcys-preview-strong) 50%,transparent) 36%,color-mix(in srgb,var(--wcys-preview-strong) 92%,transparent) 100%);color:#fff}
html .hero-slide-caption p{color:#fff}
html .play-cue{border-color:var(--wcys-line);background:var(--wcys-surface);color:var(--wcys-preview-strong)}
html .puzzle-card-art::after{background:linear-gradient(transparent,color-mix(in srgb,var(--wcys-preview-strong) 28%,transparent))}
html .hero-slider-thumbs>button:is(:hover,[aria-pressed=true]){border-color:var(--wcys-preview-primary);background:var(--wcys-preview-tint)}
html .hero-slider-controls>button{color:var(--wcys-preview-strong)}
html .activity-card.hidden-objects{border-color:color-mix(in srgb,var(--wcys-ho-ink) 18%,var(--wcys-ho))}
html .activity-card.spot-difference{border-color:color-mix(in srgb,var(--wcys-difference-ink) 18%,var(--wcys-difference))}
html :is(.puzzle-card,.game-preview){border-color:var(--wcys-line);background:var(--wcys-surface)}
html :is(.puzzle-card-facts,.english-feature){color:var(--wcys-muted)}

/* Catalogue tools and page pills. */
html .filter-bar .all.is-active{border-color:var(--wcys-line);background:var(--wcys-preview-tint);color:var(--wcys-preview-strong)}
html .filter-bar .catalog-filter:hover{border-color:var(--wcys-line);background:var(--wcys-preview-tint)}
html .filter-bar .hidden_objects.is-active{border-color:color-mix(in srgb,var(--wcys-ho-ink) 22%,var(--wcys-ho));background:color-mix(in srgb,var(--wcys-preview-ho-active) 48%,var(--wcys-surface));color:var(--wcys-ho-ink)}
html .filter-bar .spot_difference.is-active{border-color:color-mix(in srgb,var(--wcys-difference-ink) 22%,var(--wcys-difference));background:color-mix(in srgb,var(--wcys-preview-diff-active) 45%,var(--wcys-surface));color:var(--wcys-difference-ink)}
html .catalog-search{border-color:var(--wcys-line)}
html .catalog-search:focus-within{border-color:var(--wcys-preview-primary);box-shadow:0 1px 0 var(--wcys-preview-primary)}
html .catalog-search .catalog-search-submit{color:var(--wcys-preview-strong)}
html .catalog-search .catalog-search-submit:hover{background:var(--wcys-preview-tint)}
html [data-catalog] .pagination :is(a,span){border-color:var(--wcys-line);background:var(--wcys-surface);color:var(--wcys-preview-strong)}
html [data-catalog] .pagination :is(.current,a:hover){border-color:color-mix(in srgb,var(--wcys-preview-primary) 38%,var(--wcys-line));background:var(--wcys-preview-tint);color:var(--wcys-preview-strong)}
html [data-catalog] .pagination .dots{background:transparent}

/* Existing parent/Pip/footer modules remain complete, with matching quieter surfaces. */
html :is(.site-footer,.parents-card){border-color:var(--wcys-line);background:var(--wcys-preview-footer)}
html :is(.parents-card h2,.site-footer .footer-links a,.site-footer .pip-reset){color:var(--wcys-preview-strong)}
html :is(.parents-card p,.site-footer .footer-brand>p,.site-footer .brand-subtitle,.site-footer .footer-pip,.site-footer .pip-preferences,.site-footer .footer-bottom){color:var(--wcys-muted)}
html :is(.site-footer .footer-pip-card,.site-footer .footer-bottom .wcys-language-trigger,.pip-help-button,.pip-hint-bubble){border-color:var(--wcys-line);background:var(--wcys-surface);color:var(--wcys-preview-strong)}
html :is(.site-footer [data-pip-count],.footer-pip [data-pip-count]){background:var(--wcys-preview-tint);color:var(--wcys-preview-strong)}
html .site-footer .footer-bottom{border-color:var(--wcys-line)}

/* Owner's explicit exception: header music stays the original yellow in all color previews. */
html .site-header .header-inner [data-toggle-site-music],html .site-header .header-inner [data-toggle-site-music]:is(:hover,.is-playing){border-color:#d7be79;background:#ffe49b;color:#36533f}