@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/fonts/eb-garamond-roman-latin.woff2") format("woff2");
}

:root,
:root[data-theme="noctua"] {
  color-scheme: light;
  --paper: #f2e7cf;
  --paper-deep: #dfcda8;
  --brown: #342018;
  --ink: #342018;
  --muted: #725f52;
  --line: #b9a27d;
  --panel: #f7ecd5;
  --inverse: #342018;
  --inverse-ink: #f2e7cf;
  --focus: #8f563b;
  --good: #27654c;
  --bad: #943d35;
  --accent: #342018;
  --accent-dark: #24140f;
  --blue: #342018;
  --ok: #176b4c;
  --warn: #a06110;
  --overlay: rgb(52 32 24 / 97%);
  --backdrop: rgb(52 32 24 / 90%);
}

:root[data-theme="paper"] {
  color-scheme: light;
  --paper: #faf9f5;
  --paper-deep: #e8e5dc;
  --brown: #171714;
  --ink: #171714;
  --muted: #64625b;
  --line: #c9c6bd;
  --panel: #ffffff;
  --inverse: #171714;
  --inverse-ink: #faf9f5;
  --focus: #525047;
  --good: #27654c;
  --bad: #943d35;
  --accent: #171714;
  --accent-dark: #000000;
  --blue: #171714;
  --ok: #176b4c;
  --warn: #8a5c17;
  --overlay: rgb(23 23 20 / 97%);
  --backdrop: rgb(23 23 20 / 90%);
}

:root {
  font-family: "EB Garamond", serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  --corner-control: 3px;
  --corner-media: 5px;
}