:root{
  --green:#2E5E4E;
  --cream:#F9F5EF;
  --gold:#D9A25F;
  --text:#2A2A2A;
  --font-heading:"Lora",serif;
  --font-body:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}

body{
  background:#F9F5EF;          /* fallback */
  background:var(--cream);
  color:#2A2A2A;               /* fallback */
  color:var(--text);
  font-family:var(--font-body);
  line-height:1.6;
  margin:0;
}

h1,h2,h3{
  color:#2E5E4E;               /* fallback */
  color:var(--green);
  font-family:var(--font-heading);
  line-height:1.25;
  margin:0 0 .5rem;
}

a{color:var(--green);text-decoration:none}
a:hover{color:var(--gold)}