/* Website evening palette v1. Proposed for review, independent of app tokens. */
:root{color-scheme:light;--web-canvas:#ffffff;--web-text:#303746;--web-brand:#21409a;--web-gold:#f9b919}
:root[data-theme="dark"]{color-scheme:dark;--web-canvas:#101b30;--web-panel:#192a45;--web-raised:#223853;--web-sky:#1d3553;--web-paper:#26354a;--web-text:#f7f2e7;--web-muted:#bac8dc;--web-link:#b9d5ff;--web-border:#526b8b;--web-focus:#ffd477;--navy:var(--web-link);--ink:var(--web-text);--sky:var(--web-sky);--pink:#61374f;--color-blue:var(--web-link);--color-story-blue:var(--web-link);--color-blue-bright:var(--web-sky);--color-cream:var(--web-text);--paper:var(--web-canvas);--referral-ink:var(--web-text);background:var(--web-canvas)}
:root[data-theme="dark"] body{background:var(--web-canvas);color:var(--web-text)}
:root[data-theme="dark"] :is(.header,.site-footer,.referral-page .header,.referral-page .site-footer,.story-section,.updates-compact.updates-early,.content-state,.not-found-shell,.legacy-detail-shell){background:var(--web-canvas);color:var(--web-text)}
:root[data-theme="dark"] :is(.hero,.interior-hero,.legal-hero,.updates-section,.closing,.plans-download,.referral-closing,.educator-hero,.educator-evidence,.educator-contact,.educator-adaptability){background:var(--web-sky)}
:root[data-theme="dark"] :is(.updates-layout,.updates-compact .updates-layout,.plan-card,.legal-toc,.legal-translation,.team-member-card,.employee-card,.share-modal-content,.character-bio-modal-content,.legacy-modal-surface--story,.legacy-modal-surface--character,.right){background:var(--web-panel);color:var(--web-text);border-color:var(--web-border)}
:root[data-theme="dark"] :is(.educator-participation,.pricing-promise,.support-accounts,.legal-content blockquote,.legal-language-note){background:var(--web-paper);color:var(--web-text);border-color:var(--web-border)}
:root[data-theme="dark"] :is(.educator-pilot,.educator-status){background:var(--web-panel);color:var(--web-text);border-color:#a58b50}
:root[data-theme="dark"] .app-section:after{background:linear-gradient(120deg,#202c3c 10%,#20354f 65%,#28415d)}
:root[data-theme="dark"] .app-section .experience-benefits>div:nth-child(2){border-left-color:var(--web-link)}
:root[data-theme="dark"] .origin-section{background:linear-gradient(180deg,var(--web-canvas),#1c3049 25%,#1c3049 80%,var(--web-canvas))}
:root[data-theme="dark"] .origin-spread:after{background:linear-gradient(90deg,#243b55,#263a50 49%,#111e31 50%,#303c4a 51%,#303c4a)}
:root[data-theme="dark"] .plan-card-2 .plan-allowance{background:#493e28;color:var(--web-text)}
:root[data-theme="dark"] .value-panel{color:#152c50}
:root[data-theme="dark"] .value-panel:nth-child(1){background:#f0c969}
:root[data-theme="dark"] .value-panel:nth-child(2){background:#78b8ea}
:root[data-theme="dark"] .value-panel:nth-child(3){background:#95cea8}
:root[data-theme="dark"] .value-panel:nth-child(4){background:#db9ac0}
:root[data-theme="dark"] :is(.plan-allowance,.educator-plan-card .plan-allowance,.table-scroll th,.legal-content th,.faq-table thead th){background:#294564;color:var(--web-text)}
:root[data-theme="dark"] :is(.plan-switch,.audience-navigation){background:#293c57}
:root[data-theme="dark"] :is(.sliding-pill,.action--solid,.share-copy-btn){background:#3558b2;color:#fff}
:root[data-theme="dark"] :is(.plan-switch button[aria-selected=true],.audience-navigation a[aria-current=page]){color:#fff}
:root[data-theme="dark"] .yearly-saving{background:#cbe89a;color:#183675}
:root[data-theme="dark"] :is(.choice-number,.educator-ages span,.educator-step-number,.educators-page .educator-safety-number){background:#294564;color:var(--web-text);border-color:var(--web-border)}
:root[data-theme="dark"] .app-choices button[aria-pressed=true] .choice-number{background:var(--web-gold);color:#142957}
:root[data-theme="dark"] :is(.educator-step-number,.educators-page .educator-safety-number){background:#78b8ea;color:#152c50;border-color:transparent}
:root[data-theme="dark"] :is(.educator-steps li:nth-child(2) .educator-step-number,.educators-page .educator-safety-list li:nth-child(2) .educator-safety-number){background:#f0c969}
:root[data-theme="dark"] :is(.educator-steps li:nth-child(3) .educator-step-number,.educators-page .educator-safety-list li:nth-child(3) .educator-safety-number){background:#db9ac0}
:root[data-theme="dark"] .educator-steps li:nth-child(4) .educator-step-number{background:#b7a9ed}
:root[data-theme="dark"] :is(.signup-terms,.updates-compact .signup-terms,.updates-copy p,.updates-compact .updates-copy p,.footer-bottom,.currency-note,.plans-page .currency-note,.price-unit,.pricing-details .renewal-note,.educator-note,.educator-screen figcaption,.educator-plan-privacy,.support-response,.referral-inline small,.referral-tune-controls,.origin-chapter,.origin-reading-hint,.origin-illustration figcaption,.employee-bio,.eyebrow--muted){color:var(--web-muted)}
:root[data-theme="dark"] :is(h1,h2,.section-title,.employee-name,.team-page-header .lead,.header-text,.header-small-text,.small-text,.very-small-text,.header-text-join,.small-text-join,.title,.story-text,.character-bio-text){color:var(--web-text)}
:root[data-theme="dark"] :is(.text-link:hover,.text-link:focus-visible){color:#ffe1a1}
:root[data-theme="dark"] :is(.english-stories-note,.localized-lettering,.language-picker,.viewer-language-bar,.reader-language-note){color:var(--web-link)}
:root[data-theme="dark"] .language-picker ul{background:var(--web-panel);border-color:var(--web-border)}
:root[data-theme="dark"] :is(.language-picker a:hover,.language-picker a:focus-visible,.language-picker a[aria-current],.language-picker ul[data-language-highlight]::before,:is(.filters,.plan-switch)[data-control-glide]::before){background:#334c6a}
:root[data-theme="dark"] .language-picker ul[data-language-highlight]::before{background:#334c6a}
:root[data-theme="dark"] .language-picker ul[data-language-highlight] a{background-color:transparent}
:root[data-theme="dark"] :is(.updates-form>input,.updates-field input,.updates-field input:focus,.share-url-input){background:#102139;color:var(--web-text);border-color:#7893b7;caret-color:var(--web-text)}
:root[data-theme="dark"] :is(.updates-field label,.updates-field:focus-within label,.updates-field:has(input:not(:placeholder-shown)) label){color:var(--web-muted)}
:root[data-theme="dark"] :is(.updates-field input,.updates-form>input)::placeholder{color:#b4c5df;opacity:1}
:root[data-theme="dark"] :is(.updates-field input,.updates-form>input):-webkit-autofill{-webkit-text-fill-color:var(--web-text);box-shadow:0 0 0 100px #102139 inset}
:root[data-theme="dark"] :is(input,textarea,select,button,a,summary,[tabindex]):focus-visible{outline:3px solid var(--web-focus);outline-offset:4px}
:root[data-theme="dark"] :is(.updates-compact .form-status,.updates-compact [data-signup-state=success] .form-status){background:#284435;color:#ddf6df}
:root[data-theme="dark"] :is(.updates-compact [data-signup-state=error] .form-status,.form-status.is-error){background:#542b40;color:#ffd5e2}
:root[data-theme="dark"] :is(.updates-field input,.updates-form>input):user-invalid{border-color:#ffa9c5}
:root[data-theme="dark"] :is(.faq-list details,.app-choices button,.footer-bottom,.referral-inline,.legal-content td,.legal-content th,.table-scroll td){border-color:var(--web-border)}
:root[data-theme="dark"] .art-button{color:#fff}
:root[data-theme="dark"] .art-button::before{background-image:url('/assets/theme/button-bookplate-evening-v002.webp');background-color:transparent;background-blend-mode:normal;clip-path:none;filter:none}
:root[data-theme="dark"] .art-button:not(:disabled):not([aria-disabled="true"]):hover::before{filter:brightness(1.08)}
:root[data-theme="dark"] .carousel-controls:before{background:#7391cd}
:root[data-theme="dark"] :is(.header-container,.footer-container,.mobile-menu){background:#162747;color:var(--web-text)}
:root[data-theme="dark"] .mobile-menu .menu-link{color:var(--web-text)}
:root[data-theme="dark"] :is(.character-name-badge,.character-bio){background:#f5e5c7;color:#21409a;box-shadow:0 2px 8px #07132633}
:root[data-theme="dark"] :is(.character-modal-close,.character-bio-close,.share-close-btn){background:#2a4261;color:var(--web-text)}
:root[data-theme="dark"] :is(.character-thumbnail-wrapper,.character-thumbnail-wrapper.pose-thumbnail.active){background:#2b4261}
:root[data-theme="dark"] :is(.story-text span.word-highlight,.character-bio-text span.word-highlight){background:#f9c83b;color:#142957}
/* The referral journal is deliberately real paper. Its text is paired with that paper. */
:root[data-theme="dark"] .referral-letter{--navy:#21409a;--ink:#343f58;color:#343f58;color-scheme:light}
:root[data-theme="dark"] .referral-letter :is(h3,.text-link){color:#21409a}
:root[data-theme="dark"] .monster-bubble{--navy:#21409a;color:#28365b;color-scheme:light}
:root[data-theme="dark"] .referral-sleeping-gang figcaption{color:var(--web-muted)}
:root[data-theme="dark"] .sleep-sound{color:var(--web-link)}
:root[data-theme="dark"] .employee-position{background:#294564;color:var(--web-text)}
@media(max-width:1100px){:root[data-theme="dark"] .header #navigation{background:var(--web-panel);border-color:var(--web-border)}}
@media(max-width:700px){:root[data-theme="dark"] .origin-spread:after{background:linear-gradient(180deg,#243b55,#263a50 245px,#303c4a 320px)}}

:root[data-theme="dark"] :is(.viewer-language-bar,.reader-language-note){background:var(--web-panel);color:var(--web-muted)}
:root[data-theme="dark"] .viewer-language-bar a{color:var(--web-link)}
:root[data-theme="dark"] .social.instagram{background:#f781ca}
:root[data-theme="dark"] .social.tiktok{background:#76ceff}
/* Display only blue lettering in pale ink; gold and neutral pixels retain their color. */
:root[data-theme="dark"] :is(.living-lettering img,.living-lettering canvas,.value-panel h3 img,.value-panel h3 canvas,.launch-lettering){filter:url('/assets/theme/evening-ink.svg#evening-ink')}
:root[data-theme="dark"] .object-band{background-color:transparent;background-blend-mode:normal;filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen;opacity:.5}
:root[data-theme="dark"] .object-band.gold{filter:invert(1) grayscale(1) sepia(1) saturate(3.5) brightness(2.5);opacity:.85}
:root[data-theme="dark"] .object-band.blue{filter:invert(1) grayscale(1) sepia(1) saturate(2.5) hue-rotate(160deg) brightness(2.5);opacity:.8}
/* Preserve the original rotating clouds above the sharper, original-path lettering. */
:root[data-theme="dark"] .hero-wordmark{position:relative}
:root[data-theme="dark"]:not(.motion-paused) .hero-wordmark>img{clip-path:inset(31% 0 0)}
:root[data-theme="dark"]:not(.motion-paused) .hero-wordmark::after{content:"";position:absolute;inset:0;pointer-events:none;background:url('/assets/dreambook-wordmark-original.gif') center/100% 100% no-repeat;clip-path:inset(0 0 69%);filter:url('/assets/theme/evening-ink.svg#evening-ink')}
@media(prefers-reduced-motion:reduce){:root[data-theme="dark"]:not(.motion-paused) .hero-wordmark>img{clip-path:none}:root[data-theme="dark"]:not(.motion-paused) .hero-wordmark::after{content:none}}
:root[data-theme="dark"] .living-lettering :is(img,canvas){filter:none}
:root[data-theme="dark"] .updates-field input::placeholder{opacity:0}
:root[data-theme="dark"] .updates-field input:focus::placeholder{opacity:.8}
html[data-review-capture] #theme-review-bar{position:static;box-shadow:none}
html[data-review-capture] body{padding-bottom:0!important}
:root[data-theme="dark"] :is(.living-lettering,.lettering,.footer-slogan){mix-blend-mode:normal}
:root[data-theme="dark"] .living-lettering>img,:root[data-theme="dark"] .living-lettering>.living-ink-layer{filter:none}

:root[data-theme="dark"] .living-lettering{filter:url('/assets/theme/evening-ink.svg#evening-lettering')}
:root[data-theme="dark"] .referral-offer-lettering .living-lettering{filter:url('/assets/theme/evening-ink.svg#evening-ink')}
:root[data-theme="dark"]:not([lang="en"]) .living-lettering,:root[data-theme="dark"] .story-lettering{filter:url('/assets/theme/evening-ink.svg#evening-ink')}
:root[data-theme="dark"] .value-panel :is(.living-lettering,h3 img,h3 canvas){filter:none}
/* The ready ink cutout has no paper or pale fringe, including when motion is reduced. */
:root[data-theme="dark"] .footer-slogan:has(>.living-ink-layer.is-ready){filter:none}
:root[data-theme="dark"] .footer-slogan:has(>.living-ink-layer.is-ready)>img{opacity:0}
:root[data-theme="dark"] .footer-slogan>.living-ink-layer.is-ready{display:block;opacity:1!important}
:root[data-theme="dark"] .referral-page{--referral-ink:var(--web-text)}
:root[data-theme="dark"] .referral-page .art-button{mix-blend-mode:normal}
:root[data-theme="dark"] .side-arrow img{filter:url('/assets/theme/evening-ink.svg#evening-ink')}
:root[data-theme="dark"] .employee-chevron{color:var(--web-link)}
:root[data-theme="dark"] :is(.safety-art img,.care-chapter>img){mix-blend-mode:normal}
:root[data-theme="dark"] .share-modal-title{color:var(--web-text)}
:root[data-theme="dark"] .share-modal{background:#050d20b8}
:root[data-theme="dark"] .share-close-btn{border:1px solid var(--web-border)}

/* A third sibling for the illustrated socials and globe: one still frame, two orbiting skies. */
.theme-toggle{display:inline-grid;place-items:center;position:relative;flex:none;width:var(--language-icon-size,41px);height:44px;min-height:44px;padding:0;border:0;border-radius:14px;background:transparent;cursor:pointer;touch-action:manipulation;color:#21409a}
.theme-toggle-art{display:block;position:relative;width:calc(var(--language-icon-size,41px) * 1.16);height:calc(var(--language-icon-size,41px) * 1.16);pointer-events:none}
.theme-toggle-frame{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.theme-toggle-window{position:absolute;inset:21%;overflow:hidden;border-radius:50%;background:#74cef4;box-shadow:0 0 0 1.5px #21409a;transition:background-color 620ms ease}
.theme-orbit{display:block;position:absolute;left:0;top:0;width:100%;height:200%;transform-origin:50% 50%;transform:rotate(var(--theme-orbit-angle,0deg));transition:transform 720ms cubic-bezier(.22,.75,.2,1)}
.theme-orbit img{display:block;position:absolute;left:0;width:100%;height:50%;max-width:none;object-fit:contain}
.theme-sun{top:0}.theme-moon{bottom:0;transform:rotate(-180deg)}
:root[data-theme="dark"] .theme-toggle-window{background:#1d3553}
.theme-toggle:focus-visible{outline:3px solid #21409a;outline-offset:3px}
:root[data-theme="dark"] .theme-toggle:focus-visible{outline-color:#ffd477}
.theme-toggle:hover .theme-toggle-art{filter:drop-shadow(0 1px 2px #21409a28)}
.viewer-appearance-controls{display:flex;align-items:center;gap:12px}
.viewer-appearance-controls .language-picker{z-index:45}
@media(max-width:1100px){.header-social .theme-toggle{width:var(--language-icon-size)}}
@media(max-width:700px){.header-social{gap:6px}}
@media(max-width:380px){.header-social{gap:4px}}
.theme-toggle[data-theme-active-toggle]{view-transition-name:appearance-switch}
::view-transition-group(root){animation-duration:600ms;animation-timing-function:cubic-bezier(.22,.65,.3,1)}
::view-transition-old(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){animation:appearance-dawn 600ms cubic-bezier(.22,.65,.3,1) both;mix-blend-mode:normal}
::view-transition-group(appearance-switch),::view-transition-new(appearance-switch){animation:none}
::view-transition-old(appearance-switch){display:none}
@keyframes appearance-dawn{from{opacity:0}to{opacity:1}}
:root[data-theme-easing] :is(body,header,footer,main,section,article,nav,aside,button,input,select,textarea,h1,h2,h3,h4,p,a,td,th,li,.plan-card,.updates-layout,.share-modal-content){transition:background-color 550ms ease,color 550ms ease,border-color 550ms ease,box-shadow 550ms ease}
.motion-paused .theme-orbit,.motion-paused .theme-toggle-window{transition:none}
@media(prefers-reduced-motion:reduce){.theme-orbit,.theme-toggle-window{transition:none}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none}:root[data-theme-easing] *{transition:none!important}}