@font-face {
  font-family: "Lanobe";
  src: url("../fonts/LightNovelPOPv2-subset.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

:root {
  --color-cream: #fff6dc;
  --color-yellow: #ffe36b;
  --color-navy: #123e72;
  --color-blue: #1f5a9d;
  --color-coral: #ff7467;
  --color-teal: #4f9186;
  --color-line: #06c755;
  --color-ink: #262626;
  --color-paper: #ffffff;
  --color-muted: #5b6470;
  --color-border: #d7dde4;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Lanobe", "Hiragino Maru Gothic ProN", "Yu Gothic", var(--font-body);
  --content: 70rem;
  --content-narrow: 48rem;
  --radius: 1rem;
  --radius-small: 0.5rem;
  --shadow: 0 0.75rem 2rem rgb(18 62 114 / 12%);
  --space-section: clamp(3.5rem, 8vw, 7rem);
}