/* Palette sampled from the supplied reference. */
:root{--cream:#fff8ee;--paper:#fff8ee;--lime:#74a12e;--green:#52751f;--deep:#3d571e;--ink:#435032;--line:#b9dca9;--strawberry:#fc9fb1;--pink-light:#fcbacb;--berry-ink:#9b4059;--matcha:#74a12e;--mint:#b9dca9}
body{background:#b9dca9}.phone,.cover{background-color:#fff8ee}
.desktop{background-color:#b9dca9;background-image:var(--paper-texture),linear-gradient(#52751f0b 1px,transparent 1px),linear-gradient(90deg,#52751f0b 1px,transparent 1px)}
.desktop::before{border-color:#52751f40}.desktop h1,.desktop-caption{color:#3d571e}
.desktop-postmark{color:#9b4059;border-color:#9b405960;outline-color:#9b405960;background:#fcbacb}
.desktop-bow,.cover-bow{color:#9b4059}#ribbon-scroll>g{fill:#fcbacb;stroke:#9b4059}
.right-doodle,.left-doodle,.adult-hearts,.polaroid-heart,.envelope-hearts,.footer-heart{color:#d55e7e}
.stationery-label,.chapter-kicker,.kicker,.guest>span{color:#52751f}
.section-title,.hero h2,.cover h2,.profile-copy h3{color:#3d571e}
.section-title::after{border-bottom-color:#fc9fb1;border-bottom-width:3px;width:46px}
.intro-copy,.profile-copy p,.event-info p,.gift-intro,.timeline p,blockquote{color:#435032}
.button{background:#74a12e;border-color:#52751f;color:#fff;font-weight:700;box-shadow:0 3px 0 #52751f20,0 6px 12px #52751f12}
.button:hover{background:#52751f;color:#fff}.button.outline{background:#fff8ee;border-color:#74a12e;color:#52751f}.button.outline:hover{background:#b9dca9}
.cover .button{background:#74a12e;border-color:#52751f}
/* Alternating chapters: milk cream, strawberry paper, mint graph paper. */
.hero{background-color:#fff8ee}
.blessing{background-color:#fcbacb59;background-image:var(--paper-texture);border-top:1px solid #fc9fb130;border-bottom:1px solid #fc9fb130}
.blessing .section-title{color:#9b4059}.blessing-flourish,.polaroid-flourish{color:#74a12e}
.polaroids figure{background:#fff8ee;box-shadow:2px 5px 12px #9b405918}.polaroids figure::before{background:#b9dca9c9}
.date-section{background-color:#b9dca96b;background-image:linear-gradient(#74a12e12 1px,transparent 1px),linear-gradient(90deg,#74a12e12 1px,transparent 1px);border-color:#74a12e24}
.month-calendar{background-color:#fff8ee;border-color:#74a12e;outline-color:#b9dca9;box-shadow:4px 6px 0 #b9dca9}
.month-label{background:#fc9fb1;color:#6f263a;box-shadow:2px 3px 0 #d55e7e25}
.calendar-days .selected{color:#6f263a}.calendar-days .selected svg{color:#fc9fb1}
.countdown-paper{background-color:#fff8ee;border-color:#74a12e}.countdown b{color:#3d571e}.countdown span{color:#52751f}
.envelope-front path:first-child{fill:#74a12e;stroke:#52751f}.envelope-front path:nth-child(2){fill:#b9dca9;stroke:#52751f}.envelope-front path:nth-child(3){stroke:#fff}
.envelope-back path{fill:#52751f;stroke:#3d571e}
.couple-section{background:#fff8ee}.profile-portrait .portrait-outline{stroke:#74a12e}.profile-portrait .portrait-flourish{stroke:#d55e7e}.profile-and{color:#d55e7e}.profile-sub{color:#52751f}
.events{background-color:#fcbacb66;background-image:var(--paper-texture)}
.events>.section-title{color:#9b4059}.event-card{background:#fff8eeb8;border-radius:28px 22px 25px 30px;margin-top:28px;box-shadow:0 6px 15px #9b405909}
.drawn-border{color:#74a12e}.drawn-border .frame-echo{stroke:#d55e7e;opacity:.65}.event-card h3{color:#3d571e}.event-date{color:#9b4059}.event-time{color:#52751f}
.story{background-color:#b9dca940;background-image:var(--paper-texture)}.story-art,.story-flourish{color:#d55e7e}
.timeline{border-left-color:#74a12e}.timeline article::before{background:#fc9fb1;border-color:#fff;box-shadow:0 0 0 1px #d55e7e}.timeline article:nth-child(even)::before{background:#74a12e}.timeline h3{color:#52751f}.timeline article:nth-child(even) h3{color:#9b4059}.tiny-kicker{color:#52751f}
.gallery-section{background-color:#fff8ee;border-color:#fc9fb130}.memory-art,.memory-flourish{color:#74a12e}.memory-slot{background:#fcbacb30;border-color:#d55e7e65}.memory-slot::before{border-color:#fc9fb190}.memory-slot::after{background:#b9dca9c9}.memory-slot:nth-child(2)::after,.memory-slot:nth-child(5)::after{background:#fc9fb1ba}.memory-caption{color:#9b4059}
.wishes-section{background-color:#fcbacb;background-image:var(--paper-texture)}.wishes-section>.section-title{color:#6f263a}.wishes-intro{color:#6f263a}
.wishes-section form{background-color:#fff8ee;border-color:#74a12e;outline-color:#b9dca9;box-shadow:4px 7px 0 #d55e7e16}.wishes-section form::before{background:#b9dca9}.wishes-section form label{color:#3d571e}
input,select,textarea{background:#fff8ee;border-color:#b9dca9;color:#435032}input:focus,select:focus,textarea:focus{border-color:#74a12e;outline-color:#74a12e}
.wish{background:#fff8ee99;padding:14px 16px;margin-top:12px;border-radius:12px;border-color:#d55e7e40}.wish strong,.wish p{color:#3d571e}.wish small{color:#9b4059}.empty-wishes{color:#6f263a}.wish-flourish{color:#52751f}
.gifts{background-color:#b9dca9;background-image:var(--paper-texture)}.gift{color:#9b4059}.gift-card{background:#fff8ee;box-shadow:3px 5px 0 #52751f10}.gift-card:nth-of-type(2){background:#fcbacb}.gift-border{stroke:#52751f}.gift-card>span{color:#9b4059}.gift-card>strong{color:#3d571e}.gift-card>p{color:#435032}
footer{background-color:#fff8ee;background-image:var(--paper-texture);color:#3d571e}footer h2{color:#3d571e}footer>span,footer small{color:#52751f}footer .footer-heart,.closing-party{color:#d55e7e}.footer-date{color:#9b4059}
/* Pink foundation, raised green navigation, pink line icons. */
.dock{background:#fcbacb;background-image:var(--paper-texture);border-top:1px solid #fc9fb1;box-shadow:0 -4px 14px #9b405912}
.dock nav{background:#52751f;border:1px solid #435f19;box-shadow:0 3px 0 #435f1926,0 5px 10px #9b40591a;padding-top:5px;padding-bottom:5px}
.dock a{color:#fcbacb}.dock a.active{color:#fc9fb1}.dock a.active>span{background:#fc9fb1}.dock a .icon{stroke-width:1.9}
.dock #sound,.dock #sound[aria-pressed=true]{background:#52751f;border:1px solid #435f19;color:#fcbacb;box-shadow:0 3px 0 #435f1926}
.dock #sound[aria-pressed=true]{color:#fc9fb1}.dock a:hover{color:#fff}
@media(prefers-reduced-motion:no-preference){.button{transition:background .2s,box-shadow .2s}.button:hover{box-shadow:0 4px 0 #52751f20,0 8px 14px #52751f16}}