/* ==========================================================================
   サイクランドナカザワ — Design Tokens
   ==========================================================================
   水色 + 新緑、すっきり澄み渡る配色。プロジェクトドキュメント v3 の
   ビジュアル方針(朝・新緑・多摩川)と完全整合した SSOT(単一の真実の源)。
   ========================================================================== */

:root {
	/* ====== 紙・基調(澄んだ朝の空気) ====== */
	--c-paper:        #F2F7F2;
	--c-paper-cool:   #E8F0E8;
	--c-mist:         #DCE7DC;

	/* ====== 水色 ― 川・空・水 ====== */
	--c-water-pale:   #DCEDF1;
	--c-water-mid:    #A8D5E0;
	--c-water:        #6BB5C8;
	--c-water-deep:   #3A7B91;
	--c-water-dark:   #265873;

	/* ====== 新緑 ― 若葉・河川敷 ====== */
	--c-leaf-pale:    #DCEDC9;
	--c-leaf-mid:     #B5DD80;
	--c-leaf:         #8FC362;
	--c-leaf-deep:    #6CA340;
	--c-leaf-dark:    #4A7A2D;

	/* ====== 朝の光(控えめな差し色) ====== */
	--c-morning:      #F4F4D8;
	--c-cream-soft:   #EFEFD0;

	/* ====== 大手感の錨色(深紺 + 金) ====== */
	--c-navy:         #1F3144;
	--c-navy-soft:    #2D4259;
	--c-gold:         #B8965A;
	--c-gold-pale:    #E0C892;

	/* ====== 文字(緑をかすかに含んだ墨) ====== */
	--c-sumi:         #2A3429;
	--c-sumi-soft:    #4F5A4F;
	--c-mossy:        #6B7A66;

	/* ====== タイポグラフィ ====== */
	--f-mincho:       'Shippori Mincho', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', serif;
	--f-rounded:      'M PLUS Rounded 1c', 'Noto Sans JP', sans-serif;
	--f-gothic:       'Noto Sans JP', 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic ProN', sans-serif;
	--f-hand:         'Yusei Magic', 'Klee One', 'Shippori Mincho', cursive;
	--f-latin:        'DM Serif Display', 'Cormorant Garamond', 'Shippori Mincho', serif;

	/* ====== 余白 ====== */
	--s-1:  4px;
	--s-2:  8px;
	--s-3:  16px;
	--s-4:  24px;
	--s-5:  40px;
	--s-6:  64px;
	--s-7:  96px;
	--s-8:  144px;

	/* ====== 行間 ====== */
	--lh-tight:  1.4;
	--lh-normal: 1.8;
	--lh-loose:  2.0;

	/* ====== コンテナ幅 ====== */
	--container-width:        1240px;
	--container-narrow-width: 720px;
	--container-wide-width:   1480px;

	/* ====== トランジション ====== */
	--ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
	--ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
}