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

:root {
  /* The original site palette is deliberately kept visible.  It is part of
     the office's local, friendly character—not an interchangeable SaaS skin. */
  --color-ink: #262626;
  --color-navy: #1f5a9d;
  --color-navy-deep: #123e72;
  --color-teal: #1f5a9d;
  --color-teal-dark: #123e72;
  --color-teal-soft: #e8f0fb;
  --color-surface: #fff6dc;
  --color-paper: #ffffff;
  --color-sand: #fff0bd;
  --color-muted: #5d6878;
  --color-border: #c9d9ee;
  --color-line: #06c755;
  --color-line-ink: #07391b;
  --color-danger: #b14e4a;
  --color-cream: #fff6dc;
  --color-yellow: #ffe36b;
  --color-yellow-deep: #ffd544;
  --color-blue: #1f5a9d;
  --color-coral: #ff7467;
  --font-body: "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", "YuGothic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Lanobe", var(--font-body);
  --font-utility: "Hiragino Sans", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --content: 70rem;
  --content-narrow: 45rem;
  --content-wide: 84rem;
  --radius: 0.65rem;
  --radius-small: 0.4rem;
  --radius-pill: 999px;
  --shadow: 0 0.9rem 2.2rem rgb(31 90 157 / 14%);
  --shadow-small: 0 0.45rem 1.2rem rgb(31 90 157 / 10%);
  --space-section: clamp(4rem, 8vw, 7.5rem);
  --space-section-compact: clamp(2.75rem, 5vw, 4.5rem);
}