/* Shared look for the site pages (home, story, rsvp). Save-the-date designs keep their own styles. */
:root{
  --cream:#fbf8f2; --ink:#2b3a4a; --sky:#a9c3dc; --pink:#d9a7c0; --sun:#e8b93c; --sage:#8fa88a;
  --en:"Cormorant Garamond","Cormorant",Georgia,"Times New Roman",serif;
  --he:"Bellefair","Frank Ruhl Libre","David Libre","Times New Roman",serif;
  /* everything except the big headings: a sturdier serif in the same style, a little darker,
     so small English text is as easy to read as the Hebrew (Cormorant is very thin when small) */
  --en-text:"EB Garamond",Garamond,Georgia,"Times New Roman",serif; --ink-text:#1f2c3a;
}
*{box-sizing:border-box;margin:0}
html{background:var(--cream);color:var(--ink);-webkit-text-size-adjust:100%}
body{
  height:100vh;height:100dvh;overflow:hidden;
  padding:max(12px,env(safe-area-inset-top)) 20px max(16px,env(safe-area-inset-bottom));
  display:flex;flex-direction:column;align-items:center;
  font-family:var(--en-text);color:var(--ink-text);text-align:center;
  background:radial-gradient(120% 60% at 50% 0%,rgba(169,195,220,.35),transparent 70%),var(--cream);
}
main{width:100%;max-width:520px;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center}
h1,h2,.dear{font-family:var(--en);color:var(--ink)}  /* headings keep Cormorant Garamond */
.he{font-family:var(--he)}
.rule{width:56px;height:2px;background:var(--sun);border:0;border-radius:2px}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}
[data-t]{white-space:pre-line}  /* line breaks typed on the admin page show as typed */