/* G.J. du Toit: design tokens as CSS custom properties. Generated from tokens.json; change values there first. */
:root {
  --paper: #fbf8ee;
  --paper-deep: #f3eedd;
  --sheet: #ffffff;
  --ink: #231f20;
  --ink-muted: #5f5b55;
  --rule: #8a8473;
  --hairline: #d9d3c1;
  --olive: #a19700;
  --olive-deep: #6a6300;
  --olive-tint: #d0c87e;
  --orange: #ec961a;
  --orange-deep: #9a5600;
  --teal: #99bfbf;
  --teal-deep: #2f6b6b;
  --teal-ink: #23565a;
  --teal-ink-hover: #1a4447;
  --on-deep: #fbf8ee;
  --on-deep-muted: rgba(251, 248, 238, 0.8);
  --on-deep-line: rgba(251, 248, 238, 0.3);
  --danger: #a1301f;
  --seal-ink: #1f1a17;
  --seal-orange: #e77817;
  --shadow-lift: 0 22px 44px rgba(20, 18, 10, 0.34);
  --shadow-lift-hover: 0 40px 60px rgba(20, 18, 10, 0.36);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-none: 0;
  --radius-dot: 50%;
  --stroke-hairline: 1px;
  --stroke-focus: 2px;
  --stroke-dot: 3px;
  --size-bullet: 7px;
  --size-dot-pitch: 9px;
  --size-gutter: 64px;
  --size-control: 48px;
  --size-seal-small: 64px;
  --size-seal: 144px;
  --size-measure: 640px;
  --size-container: 1184px;
  --bp-small: 600px;
  --bp-medium: 900px;
  --bp-large: 1200px;
  --font-display: "Bembo Std", "Gentium Basic", Georgia, serif;
  --font-body: "Gentium Basic", Georgia, serif;
  --font-ui: "Gill Sans", "Gill Sans MT", "Gill Sans Nova", sans-serif;
}
@font-face { font-family: "Gentium Basic"; src: url("../fonts/GentiumBasic-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Gentium Basic"; src: url("../fonts/GentiumBasic-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Gentium Basic"; src: url("../fonts/GentiumBasic-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Gentium Basic"; src: url("../fonts/GentiumBasic-BoldItalic.woff2") format("woff2"); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Bembo Std"; src: url("../fonts/BemboStd-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Bembo Std"; src: url("../fonts/Bembo-ItalicOsF.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Gill Sans"; src: url("../fonts/GillSans-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Gill Sans"; src: url("../fonts/GillSans-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Gill Sans"; src: url("../fonts/GillSans-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Gill Sans"; src: url("../fonts/GillSans-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }