/* tokens.css — seijaku-clinic（静けさのクリニック） */
/* この変数セットをそのまま使うこと。変数には総称ファミリ(serif/sans-serif)を含めない */

:root {
  /* color */
  --color-bg: #f6f4f0;          /* 地（温かい白） */
  --color-bg-soft: #e8ece6;     /* 淡いセージの面 */
  --color-text: #4a453f;        /* 文字（墨茶） */
  --color-text-weak: #746c5f;   /* 弱い文字（キャプション・補足） */
  --color-primary: #7d9d92;     /* 主役色（くすんだ青磁） */
  --color-primary-strong: #5f7d72; /* 青磁の濃色（文字上の小要素・フォーカス用） */
  --color-accent: #d9b8a5;      /* 補助のくすみ杏（ワンポイントのみ） */
  --color-line: #ddd5c6;        /* 罫線（薄く） */

  /* typography */
  --font-heading: "Zen Maru Gothic";
  --font-body: "Zen Maru Gothic";
  --font-latin: "Quicksand";

  /* space / shape */
  --space-unit: 8px;
  --section-gap: 120px;
  --radius: 16px;
  --shadow-soft: 0 8px 32px rgba(74, 69, 63, 0.08);
  --max-width: 1120px;

  /* motion */
  --motion-duration: 0.4s;
  --motion-ease: ease;
}