/* hera-look v1 */
/* Hera's ONE light look, for every page a client opens (plan row 18.18; owner, 10-11 Oct: "My Hera, manage, the key page ...
   look unlike the site"): parchment, cream pages, gold, Cormorant Garamond with Jost. The booking page is the source of it.
   Pages link this file BEFORE their own rules (the booking page: living.css). Python-made pages and the older My Hera address
   carry a copy inside the page, because their security policy (and the staff address) will not load a linked stylesheet.
   Change a colour here and every client page follows. Words, prices and data are never touched by this file. */
:root{
  --parchment:#EFE7D4; --page:#FAF6EC; --page-2:#F6EFDF;
  --ink:#2C2417; --ink-soft:#3A3020; --muted:#6A5C42; --faint:#74664A;   /* 4.5:1 on the cream page (was 3.6:1) */
  --gold:#725820; --gold-bright:#C8A96B; --err:#9B2C2C; --ok:#2F6B3A;
  /* --gold is the gold of small WORDS: 4.5:1 or better on the parchment and on the strongest point of the glow at the top of the
     page (12 Oct: the old #7C5F22 measured 4.2 to 4.5 there). --gold-bright is for lines and ornaments, never for words. */
  --line:rgba(154,122,48,.2); --line-2:rgba(154,122,48,.4);
  --leather-a:#6B4F27; --leather-b:#4C381B; --leather-c:#382A13;
  /* the gold of the buttons: the two ends are lifted (#B8913A) so the dark words on them clear 4.5:1 along the whole
     gradient (11 Oct: the cream words reached only 1.9 to 3.3:1) */
  --grad:linear-gradient(118deg,#B8913A,#D8B34E 50%,#B8913A); --on-gold:#2C2417;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif; --sans:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  color-scheme:light;
}
html{color-scheme:light}
body{font-family:var(--sans);font-weight:300;color:var(--ink);-webkit-font-smoothing:antialiased;
  background:radial-gradient(130% 60% at 50% -8%,rgba(214,182,112,.32),transparent 58%),var(--parchment) fixed}
.frame{position:fixed;inset:8px;border:1px solid rgba(200,169,107,.34);pointer-events:none}
/* the keyboard focus ring (WCAG 2.2, 3:1): dark ink, 2px, set 2px off the control, with a light halo in the gap so it also shows
   on the dark leather. Dark ink measures 12.4:1 on the parchment, 14.2:1 on the cream cards, 5.2 to 7.6:1 on the gold buttons.
   (--gold-bright was 1.8:1 on the parchment and 1.1:1 on the gold buttons.) The halo replaces the control's own shadow only while focused. */
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 3px #FBF6EA!important}
/* every box she types or picks in is at least 16px (below that an iPhone zooms the page in), and every button or link
   button she taps is at least 44px tall */
input,textarea,select{font-size:16px}
button,a.b{box-sizing:border-box;min-height:44px}