/* ---- Eileen and the Five Stars : foundations ---- */

:root{
  --ink:        #2b2622;
  --ink-soft:   #574c44;
  --paper:      #f7f0e2;
  --paper-warm: #efe4cf;
  --gold:       #d9a441;
  --gold-soft:  #f0d9a0;
  --dusk:       #1d2b2b;

  --prose-size:  clamp(1.05rem, 4.2vw, 1.6rem);
  --prose-lead:  1.62;
  --prose-pad:   clamp(1.25rem, 6vw, 2.75rem);

  --turn-ms:     820ms;
  --ease-petal:  cubic-bezier(.22,.68,.28,1);
  --ease-soft:   cubic-bezier(.33,.9,.35,1);

  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
}

*,*::before,*::after{ box-sizing:border-box; }

html,body{
  margin:0; padding:0;
  height:100%;
  overflow:hidden;
  background:var(--dusk);
  color:var(--paper);
  font-family:"Gentium Book Plus", Georgia, "Times New Roman", serif;
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;
  overscroll-behavior:none;
  touch-action:manipulation;

  /* a child pressing and holding must never pop up a text selection */
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}

body{
  /* the book always sits in the middle of whatever screen it lands on */
  display:grid;
  place-items:center;
}

button{
  font:inherit; color:inherit;
  border:0; background:none; padding:0;
  cursor:pointer;
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
}