/* Fonts are served from here (no request to Google), colours and resets shared by both pages. */
@font-face { font-family: 'Young Serif'; font-weight: 400; font-display: swap; src: url(/fonts/young-serif.woff2) format('woff2'); }
@font-face { font-family: 'Figtree'; font-weight: 300 900; font-display: swap; src: url(/fonts/figtree.woff2) format('woff2'); }
@font-face { font-family: 'Dancing Script'; font-weight: 700; font-display: swap; src: url(/fonts/dancing-script-700.woff2) format('woff2'); }

:root {
  --ink: #2f2a22;
  --ink-2: #4a4236;
  --ink-3: #5a5245;
  --muted: #6a604f;
  --paper: #f7f2e8;
  --card: #fffdf8;
  --sand: #efe7d6;
  --green: #3f5544;
  --green-dark: #334637;
  --green-pale: #e6ecdf;
  --green-text: #dfe6d9;
  --brown: #8a5a34;
  --brown-dark: #4a3424;
  --gold: #d9b88f;
  --red: #9a3f2a;
  --line: rgba(138, 90, 52, .14);
  --serif: 'Young Serif', Georgia, serif;
  --script: 'Dancing Script', cursive;
  --sans: Figtree, system-ui, sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; font-family: var(--sans); color: var(--ink); -webkit-font-smoothing: antialiased; }
a { color: var(--green); text-decoration: underline; text-underline-offset: 3px; }
a:hover { color: var(--brown); }
button, input, textarea { font-family: inherit; }
[hidden] { display: none !important; }