@charset "UTF-8";
/**
 * Design Tokens
 *
 * 中山尚文堂サイト共通のデザイントークン（CSS変数）。
 * 全ページの :root に展開される最上位のスタイル定義。
 *
 * 参照：docs/DESIGN.md §14
 *
 * 注意：本ファイルは現在 enqueue 済み。
 *      既存サイトへ影響する前提で、追加・変更は用途を絞る。
 */

:root {
  /* color: brand palette */
  --c-sumi:    #1A1A1A; /* 墨 */
  --c-kinari:  #F5F0E8; /* 生成り */
  --c-hakuji:  #FAFAF7; /* 白磁 */
  --c-shu:     #E96200; /* 朱（既存ブランドアクセント） */
  --c-wakaba:  #7A8B5A; /* 若葉（一般家庭系統サブ） */
  --c-gunjo:   #1F3A5F; /* 群青（神社仏閣系統サブ） */
  --c-kin:     #B8985A; /* 金（神社仏閣系統アクセント） */
  --c-usumi:   #6B6B6B; /* 薄墨 */
  --c-shiro:   #FFFFFF;
  --c-kokutan: #2F2A24;
  --c-koiai:   #5B254A;

  /* spacing: 8の倍数 */
  --s-1: 8px;
  --s-2: 16px;
  --s-3: 24px;
  --s-4: 32px;
  --s-5: 48px;
  --s-6: 64px;
  --s-7: 96px;
  --s-8: 128px;
  --s-9: 200px;

  /* typography */
  --ff-serif: "Noto Serif JP", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", serif;
  --ff-sans:  "Noto Sans JP",  "游ゴシック", "Yu Gothic", "ヒラギノ角ゴシック", sans-serif;

  /* container width */
  --w-narrow:  720px;
  --w-default: 960px;
  --w-wide:    1200px;

  /* motion */
  --ease-default: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-quiet:   cubic-bezier(0.25, 0.1, 0.25, 1);
  --dur-fast:     300ms;
  --dur-base:     600ms;
  --dur-slow:     1200ms;
}

/* prefers-reduced-motion: 全アニメーション停止 */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}