@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500&family=Noto+Serif+JP:wght@400;600&family=Shippori+Mincho:wght@400;600&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');
:root {
  /* color */
  --color-bg:        #FAF8F4;
  --color-surface:   #FFFFFF;
  --color-text:      #2B2B28;
  --color-text-sub:  #6B665D;
  --color-text-mute: #8A857C;
  --color-accent:    #A0653F;
  --color-line:      #E5E0D8;
  --color-line-hover:#C9C2B4;

  /* type scale (px) */
  --fs-display: 40px;
  --fs-h1: 32px;
  --fs-h2: 24px;
  --fs-h3: 18px;
  --fs-body: 15px;
  --fs-caption: 12px;

  /* spacing (8px基準) */
  --sp-1: 8px;  --sp-2: 16px; --sp-3: 24px;
  --sp-4: 32px; --sp-6: 48px; --sp-8: 64px;
  --sp-12: 96px;

  /* radius */
  --radius-card: 4px;
  --radius-pill: 999px;

  /* motion */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur: 200ms;

  --font-serif: "Shippori Mincho", "Noto Serif JP", serif;
  --font-sans: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  --font-en: "EB Garamond", serif;
}