/*
Styles for the Wordpress block editor.
*/
@font-face {
  font-family: Caslon;
  src: url(./assets/fonts/CaslonIonic-Regular.woff) format("woff"), url(./assets/fonts/CaslonIonic-Regular.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Caslon;
  src: url(./assets/fonts/CaslonIonic-RegularItalic.woff) format("woff"), url(./assets/fonts/CaslonIonic-RegularItalic.woff2) format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
:root {
  --ratio: 1.4;
  --ms--2: Max(0.7rem, calc(var(--ms--1) / var(--ratio)));
  --ms--1: Max(0.85rem, calc(var(--ms-0) / var(--ratio)));
  --ms-0: clamp(1.1rem, calc(1.6vw + 0.1rem), 1.35rem);
  --padding: var(--ms-0);
  --text-colour: #581a00;
  --text-colour-light: #581a0080;
  --black: black;
  --white: white;
  --caslon: "Caslon", Georgia, serif;
  --sans: "Helvetica", Arial, sans-serif;
  --fast: 200ms;
  --baseline: calc(var(--ms-0) * 1.25);
  --paragraph-spacing: calc(var(--ms-0) * 0.65);
  --br: 2px;
  --figure-inset: calc(var(--ms-0) * 1.5);
  --max-measure: min(100%, 50rem);
  --footer-height: 8.5rem;
}
@media (min-width: 800px) {
  :root {
    --footer-height: 6rem;
    --figure-inset: calc(var(--ms-0) * 3);
  }
}