/* Approved warm light palette; existing dark appearance remains the baseline. */
:root[data-theme=light],html[data-theme=light] body{color-scheme:light;--canvas:#f7f4ed;--paper:#f7f4ed;--fog:#eeeade;--ink:#252b24;--body:#42483e;--muted:#42483e;--quiet:#606657;--hairline:#aaa99b;--line:#aaa99b;--warm:#e6e8d9;--warm-ink:#252b24;--accent:#53613e}
html[data-theme=light] body .mark,html[data-theme=light] body .tiny-symbol{color:#53613e}
html[data-theme=light] body button:hover{background:#e4e5d9;color:var(--ink)}
html[data-theme=light] body :is(.primary,button[aria-pressed=true],.fl-page button[aria-pressed=true],.pill.active){background:#53613e;color:#fffdf6;border-color:#53613e}
html[data-theme=light] body :is(.primary,button[aria-pressed=true]):hover{background:#414d31;color:#fffdf6}
html[data-theme=light] body button[aria-pressed=true] :is(small,span){color:inherit}
html[data-theme=light] body :is(.card,.age-card,.door,.lesson-card,.panorama-links a,.story-card):hover{background:#eae7db}
html[data-theme=light] body :focus-visible{outline:3px solid #68764c!important;outline-offset:5px}
html[data-theme=light] body .skip-link,html[data-theme=light] body #toast{background:#252b24;color:#fffdf6}
html[data-theme=light] body .large-quote{color:#53613e}
html[data-theme=light] body .notice{background:#eeeade}
html[data-theme=light] body :is(.danger,.error){color:#8e362b}
html[data-theme=light] body .fl-page button:not([aria-pressed=true]){background:transparent}
html[data-theme=light] body .fl-page button:not([aria-pressed=true]):hover{background:#eae7db}
.appearance-control{display:flex;align-items:center;gap:8px;font:12px/1.4 var(--ui);color:var(--quiet)}
body .appearance-control select{width:auto;min-width:92px;min-height:44px;padding:8px;border:1px solid var(--hairline);font:14px var(--ui)}
html[data-theme=light] body :is(.chapter.active,.map-index button.active,.timeline button.active,.framework-nav .active,.tour-steps .current,.lesson-nav a.active,.prayer-steps a[aria-current],.wisdom-choices a[aria-current=page]){background:#53613e;color:#fffdf6;border-color:#53613e}
html[data-theme=light] body :is(.chapter.active,.wisdom-choices a[aria-current=page],.prayer-steps a[aria-current]) :is(p,small,span,.eyebrow){color:#fffdf6}
html[data-theme=light] body.is-story-gallery header{background:var(--canvas);border-color:var(--hairline)}
html[data-theme=light] body.is-story-gallery :is(.notice,dialog,.gallery-connection){background:var(--fog);color:var(--ink);border-color:var(--hairline)}
html[data-theme=light] body.is-story-gallery :is(.gallery-button,.gallery-themes button){border-color:var(--hairline)}
html[data-theme=light] body.is-story-gallery :is(.gallery-button,.gallery-themes button,.story-doorways a):hover{background:#e4e5d9;color:var(--ink)}
html[data-theme=light] body.is-story-gallery input::placeholder{color:var(--quiet)}
html[data-theme=light] body :is(.danger,.error,dialog .error,.entry button[data-delete]){color:#8e362b}
html[data-theme=light] body .entry button[data-delete]:hover{background:#f3e3db}
html[data-theme=light] body .prayer-scene>span{background:#f7f4edef;color:var(--ink)}
html[data-theme=light] body :is(.diagram-trace,.garden-legs){stroke:#53613e}
html[data-theme=light] body .diagram-under{stroke:#cccdbd}
html[data-theme=light] body .diagram-branch{stroke:#717c68}
html[data-theme=light] body :is(.diagram-person,.garden-bed,.garden-pot){fill:#e6e8d9;stroke:#53613e}
html[data-theme=light] body :is(.diagram-rest,.need-orbit,.eco-ring){fill:#f7f4ed;stroke:#717c68}
html[data-theme=light] body :is(.diagram-dot,.life-ribbon circle){fill:#53613e}
html[data-theme=light] body :is(.need-orbit.lit,.eco-ring.lit,.horizon-ring){fill:#d0d7b8;stroke:#53613e}
html[data-theme=light] body .herb-stem{fill:#65794d;stroke:#53613e}
html[data-theme=light] body .map .node circle{fill:#e6e8d9;stroke:#53613e}
html[data-theme=light] body .map .node[aria-pressed=true] circle{fill:#c9d2b4;stroke:#414d31}
html[data-theme=light] body .map .node:hover circle,html[data-theme=light] body .map .node:focus circle{stroke:#414d31}
html[data-theme=light] body .map line[stroke='#95624c']{stroke:#8b4d2e}
html[data-theme=light] body .legend span[style]{color:#8b4d2e!important}
/* Photographic invitations keep their light lettering. Reading surfaces follow the theme. */
body .moment-stage{--ink:#f3eee3;--body:#d1cfc6;--quiet:#bebeb5;color:#f3eee3}
html[data-theme=light] body.is-landing .landing-hero{background-image:linear-gradient(180deg,rgba(11,16,15,.78) 0,rgba(11,16,15,.58) 360px,#f7f4ed 760px),url('assets/gallery-hero.png')}
body .landing-hero h1{color:#f3eee3}
html[data-theme=light] body .landing-hero .landing-actions :is(button,a){background:#f7f4ed;color:#252b24;border-color:#f7f4ed}
html[data-theme=light] body .landing-hero .landing-actions .primary{background:#53613e;color:#fffdf6}
@media(max-width:800px){body .appearance-control{margin-left:auto}body header nav{order:3;width:100%}}

html[data-theme=light] body .landing-hero .dad-entry a{color:var(--ink)}
html[data-theme=light] body.is-story-gallery .gallery-hero .gallery-button{background:#f7f4ed;color:#252b24;border-color:#f7f4ed}
html[data-theme=light] body.is-story-gallery .gallery-hero .gallery-button:hover{background:#e4e5d9}
html[data-theme=light] body.is-story-gallery .gallery-themes button[aria-pressed=true]:hover{background:#414d31;color:#fffdf6;border-color:#414d31}

/* A clear personal invitation, centered with the opening message. */
body .landing-hero .dad-entry{display:block;max-width:680px;width:100%;margin:36px auto 0;padding:24px 20px 28px;text-align:center;background:var(--canvas);color:var(--ink);border-block:1px solid var(--hairline);border-radius:0}
body .landing-hero .dad-entry p{font:15px/1.6 var(--ui);color:var(--body);margin:0 0 10px}
body .landing-hero .dad-entry h2{font:400 clamp(32px,4vw,42px)/1.2 var(--serif);letter-spacing:-.025em;margin:0}
body .landing-hero .dad-entry a{display:inline-block;color:var(--ink);padding:6px 0;text-decoration:none}
body .landing-hero .dad-entry a:hover{text-decoration:underline;text-underline-offset:8px}
body .landing-hero .dad-entry a span{font:24px var(--ui);margin-left:10px}
@media(max-width:550px){body .landing-hero .dad-entry{margin-top:28px;padding:20px 12px}body .landing-hero .dad-entry p{font-size:14px}}
/* Homepage alignment: shared centered reading column outside the full-width hero. */
body.is-landing main>:is(.perspective-strip,.exploration-compass,.landing-story,.private-story,.landing-close){width:calc(100% - 48px);max-width:1180px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;box-sizing:border-box}
body.is-landing .landing-hero>.actions{justify-content:center}
body.is-landing .product-composition{align-items:stretch}
body.is-landing .product-composition>.artifact{margin:0;height:100%;box-sizing:border-box}
@media(max-width:550px){body.is-landing .product-composition{max-width:none}}
