/* Verdia Path Atlasの色・文字・余白トークン。
   他のCSSより先に読み込み、全体の基準を一か所で管理する。 */
@font-face {
  font-family: "Zen Kaku Gothic New Verdia";
  src: url("zen-kaku-500.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Zen Kaku Gothic New Verdia";
  src: url("zen-kaku-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --paper: #eee9dc;
  --paper-light: #f8f4e9;
  --sage: #cfd6c8;
  --sage-deep: #aab9aa;
  --ink: #111712;
  --ink-soft: #465047;
  --green: #1d7650;
  --green-deep: #0b3d2c;
  --green-bright: #8ec6a0;
  --brass: #a87c3d;
  --brass-light: #d0b276;
  --white: #fffdf5;
  --line: rgba(17, 23, 18, .23);
  --line-light: rgba(255, 253, 245, .24);
  --shadow-deep: rgba(4, 12, 8, .28);
  --gutter: clamp(22px, 5vw, 72px);
  --section-space: clamp(96px, 12vw, 160px);
  --font-heading: "Zen Kaku Gothic New Verdia", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --font-body: "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  --font-code: "Courier New", ui-monospace, monospace;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-standard: cubic-bezier(.4, 0, .2, 1);
}