/* Typography and palette only. Motion uses the same continuous video player as Autumn Romance. */
body[data-theme="little-pumpkin"]{--wine:#65523d;--ink:#65523d;--cream:#fffaf1;background:#f5efe4;--scene-closed:url('/themes/little-pumpkin/closed.jpg');--scene-open:url('/themes/little-pumpkin/open.jpg');--front:70%;--paper-top:25%;--welcome-top:25%}
body[data-theme="little-snowflake"]{--wine:#405d72;--ink:#405d72;--cream:#fffaf1;background:#eef3f6;--scene-closed:url('/themes/little-snowflake/closed.jpg');--scene-open:url('/themes/little-snowflake/open.jpg');--front:64%;--paper-top:23%;--welcome-top:24%}
body[data-theme="bearly-wait"]{--wine:#72523b;--ink:#72523b;--cream:#fffaf1;background:#f4eee6;--scene-closed:url('/themes/bearly-wait/closed.jpg');--scene-open:url('/themes/bearly-wait/open.jpg');--front:65%;--paper-top:25%;--welcome-top:21%}
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) header a,:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) header button,:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .under button{color:var(--ink)}
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) header small,:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .under p{color:var(--ink)}
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .envelope{background:#fffaf1;border-radius:5px;box-shadow:0 18px 65px #51473626}
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .welcome{left:15%;top:var(--welcome-top);width:70%;gap:10px;padding:0;color:var(--ink);text-shadow:none;z-index:6}
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .welcome .eyebrow{font-size:clamp(11px,2.6cqw,14px);letter-spacing:.08em}
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .welcome .names{font-family:'Wedding Script',Georgia,serif;font-style:normal;font-size:clamp(27px,7.6cqw,41px);width:100%;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;line-height:1.1}
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .tap{font-size:14px;border-color:var(--ink)}
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .paper{left:29%;top:var(--paper-top);width:42%;z-index:6;color:var(--ink)}
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .paper .eyebrow{font-size:clamp(16px,4.3cqw,23px);line-height:1.1;font-weight:500;text-transform:none;letter-spacing:0;text-wrap:balance;margin-bottom:12px}
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .paper h1{font-family:'Wedding Script',Georgia,serif;font-size:clamp(26px,7cqw,37px);font-style:normal;line-height:1.12;margin-bottom:12px}
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .paper #dateLabel{font-size:clamp(12px,3cqw,16px);margin-bottom:9px}
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .links{gap:3px}
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .links button{font-weight:400;text-underline-offset:4px}
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .details-stationery{border-color:var(--wine);background:linear-gradient(135deg,#fffdf8,var(--cream))}

/* Keep emerging art inside the physical side seams below the pocket rim.
   These stationary background guards persist through closed, opening, open,
   replay and reduced-motion states; never fade them out at the end. */
body[data-theme="little-pumpkin"]{--edge-still:url('/themes/little-pumpkin/closed-video.jpg');--edge-left:3.5%;--edge-right:96.5%;--rim-left:52%;--rim-right:52%}
body[data-theme="little-snowflake"]{--edge-still:url('/themes/little-snowflake/closed-video.jpg');--edge-left:3%;--edge-right:97%;--rim-left:47%;--rim-right:47%}
body[data-theme="bearly-wait"]{--edge-still:url('/themes/bearly-wait/closed-video.jpg');--edge-left:3%;--edge-right:97.3%;--rim-left:49%;--rim-right:49%}
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .envelope::before,
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .envelope::after{content:"";position:absolute;inset:0;background-image:var(--edge-still);background-size:100% 100%;background-repeat:no-repeat;pointer-events:none;z-index:2}
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .envelope::before{clip-path:polygon(0 var(--rim-left),var(--edge-left) var(--rim-left),var(--edge-left) 100%,0 100%)}
:is(body[data-theme="little-pumpkin"],body[data-theme="little-snowflake"],body[data-theme="bearly-wait"]) .envelope::after{clip-path:polygon(var(--edge-right) var(--rim-right),100% var(--rim-right),100% 100%,var(--edge-right) 100%)}