/* IDATSUKA — design tokens (刷新①). 全ページ共通の色・書体・余白・動き。
   色は data-theme（昼 light／夜 dark）で切り替わる。何も無ければ夜。
   既存ページの古い変数（--bg / --fg …）とは名前を分けてある（--c-*）。 */
:root {
  /* 夜 */
  --c-bg: #141312;
  --c-fg: #ECE6DC;
  --c-sub: #A69E92;
  --c-line: #2F2C29;
  --c-accent: #C9A874;
  --c-bg-rgb: 20, 19, 18;

  /* 書体 */
  --f-mincho: 'Shippori Mincho', 'Hiragino Mincho ProN', 'Yu Mincho', serif;
  --f-serif: 'Cormorant Garamond', 'Shippori Mincho', Georgia, serif;
  --f-sans: 'Zen Kaku Gothic New', 'Hiragino Sans', 'Yu Gothic', sans-serif;
  --ls-en: .28em;        /* 英字の字間（.2〜.42em） */
  --ls-en-wide: .42em;
  --ls-ja: .12em;

  /* 余白 */
  --s-1: 8px; --s-2: 16px; --s-3: 24px; --s-4: 40px; --s-5: 64px; --s-6: 104px; --s-7: 160px;
  --gutter: clamp(20px, 4vw, 56px);
  --head-h: 72px;

  /* 動き：ゆっくり（0.6〜1.2 秒） */
  --d-1: .6s; --d-2: .9s; --d-3: 1.2s;
  --ease-calm: cubic-bezier(.22, .61, .36, 1);
}
:root[data-theme="light"] {
  /* 昼 */
  --c-bg: #F6F3EE;
  --c-fg: #1E1C1A;
  --c-sub: #665F57;
  --c-line: #DDD6CC;
  --c-accent: #8A6A3C;
  --c-bg-rgb: 246, 243, 238;
}
@media (prefers-reduced-motion: reduce) {
  :root { --d-1: 0s; --d-2: 0s; --d-3: 0s; }
}