:root {
  /* 配色：毛髪の有機的な色相 */
  --c-base: #FAF8F4;
  --c-base-warm: #F2EDE2;
  --c-ink: #2B3A2E;
  --c-ink-soft: #4D5C50;
  --c-ink-faint: #8A968C;
  --c-melanin: #C77B4A;
  --c-melanin-deep: #8E4F2A;
  --c-water: #7BA098;
  --c-water-soft: #B5CDC6;
  --c-emphasis: #1A1A1A;
  --c-line: #D7CFC0;
  --c-line-faint: #ECE6D9;

  /* フォント */
  --ff-mincho: "Shippori Mincho B1", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
  --ff-sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", sans-serif;
  --ff-eng: "Inter", "Helvetica Neue", Arial, sans-serif;

  /* タイポグラフィ */
  --fs-xxs: 12px;
  --fs-xs: 14px;
  --fs-sm: 16px;
  --fs-base: 17px;
  --fs-md: 19px;
  --fs-lg: 22px;
  --fs-xl: 28px;
  --fs-2xl: 38px;
  --fs-3xl: 52px;
  --fs-4xl: 72px;

  --lh-tight: 1.25;
  --lh-snug: 1.45;
  --lh-base: 1.75;
  --lh-loose: 2;

  /* スペーシング（8の倍数） */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 32px;
  --sp-6: 48px;
  --sp-7: 64px;
  --sp-8: 96px;
  --sp-9: 128px;

  /* レイアウト */
  --maxw-text: 720px;
  --maxw-wide: 1080px;
  --maxw-full: 1280px;

  /* その他 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --shadow-soft: 0 8px 32px rgba(43, 58, 46, 0.08);
  --shadow-strong: 0 12px 40px rgba(43, 58, 46, 0.15);

  --transition-base: 0.3s ease;
}