/* 案件固有の色、文字、余白、モーション値を管理する。
   全CSSの先頭で読み込み、同じ役割の数値をここへ集約する。 */
:root {
  --color-paper: #F4EFE4;
  --color-wood: #E8DFCC;
  --color-indigo: #1E3A5F;
  --color-vermilion: #C0473E;
  --color-asagi: #5B9AA0;
  --color-dusk: #E8A860;
  --color-ink-muted: rgb(30 58 95 / .82);
  --color-paper-muted: rgb(244 239 228 / .78);
  --color-line: rgb(30 58 95 / .22);
  --font-heading: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  --font-body: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  --gutter: clamp(20px, 5vw, 72px);
  --section-space: clamp(88px, 11vw, 156px);
  --ease-asagi: cubic-bezier(.22, 1, .36, 1);
  --duration-standard: 1.1s;
  /* ヘッダーの実測高さ。ファーストビューの上下中央を、ヘッダーを除いた領域で取るために持つ。 */
  --header-block: 72px;
  /* 和紙の繊維。feTurbulenceを1枚だけ焼き、生成りの面へ地の質感として敷く(静止・タイル200px)。 */
  --washi-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)' opacity='0.085'/%3E%3C/svg%3E");
  /* 障子越しの光と、その影のたまりの位置。面ごとに左右を入れ替えて使う。 */
  --washi-light: 24% 30%;
  --washi-shade: 80% 70%;
  /* 四季のテーマ色。初期値は夏で、ページの夕暮れと同じ浅葱へ寄せる。
     白木へ各季節の色を薄く重ねた結果を段階値として直に持ち、連続補間はしない。
     --season-grain は季節の粒のRGB値で、canvasの描画色もここを正本にする。 */
  --season-surface: #D0D3C5;
  --season-accent: #2E656C;
  --season-grain: 214 240 238;
  /* 季節で紙全体の色温度を一段だけ動かす(参加型2の拡張)。連続補間はしない。 */
  --page-surface: #F4EFE4;
}

html[data-season="spring"] {
  --season-surface: #E5D5C7;
  --season-accent: #8E4F5D;
  --season-grain: 232 176 190;
  --page-surface: #F7EEE7;
}

html[data-season="summer"] {
  --season-surface: #D0D3C5;
  --season-accent: #2E656C;
  --season-grain: 214 240 238;
  --page-surface: #F4EFE4;
}

html[data-season="autumn"] {
  --season-surface: #E2CCB1;
  --season-accent: #96421F;
  --season-grain: 224 132 72;
  --page-surface: #F6EDDC;
}

html[data-season="winter"] {
  --season-surface: #DAD9D3;
  --season-accent: #2C4C74;
  --season-grain: 244 247 252;
  --page-surface: #F0F1EF;
}