:root {

  /* =====================================
     Color
  ===================================== */

  --color-bg: #F7F3EC;
  --color-text: #2F2C29;
  --color-subtext: #66615B;


  /* =====================================
     Layout
  ===================================== */

  /* 余白は各所で clamp() を直に書いている。ここに置くのは、
     版面の左右のようにページをまたいで揃える必要があるものだけ。 */
  --space-md: 24px;


  /* =====================================
     Typography
     読み込むウェイトは index.html などの Google Fonts の指定と対になっている。
     ここを増やすときは、あちらの weight も足すこと。
  ===================================== */

  --font-body: "Kosugi", sans-serif;              /* 400 のみ */
  --font-serif: "Shippori Mincho B1", serif;      /* 500 */
  --font-welcome: "Kiwi Maru", serif;             /* 500 */
  /* 帯やラベルなど、小さく字間を空けて置く領域の書体 */
  --font-label: "Zen Maru Gothic", sans-serif;    /* 400 / 700 */

  /* =====================================
     Motion
  ===================================== */

  --transition: 240ms ease;

}