@charset "UTF-8";
/* ==========================================================================
   デザイントークン
   子テーマの全CSSがここを参照する。色や余白を変えるときはまずこのファイル。
   ========================================================================== */

:root {
	/* 配色 ---------------------------------------------------------------
	   ※ 見出し・ボタン等の「文字色」は管理画面（テーマオプション）が
	      動的CSSで制御している。ここの値はCSS側で描く装飾専用。
	      詳細は README「親テーマはインラインCSSを出力する」を参照。 */
	--wk-wine:      #7B1E3A;
	--wk-wine-dark: #5C1626;
	--wk-wine-soft: #F3E9EC;
	--wk-ink:       #1A1A1A;
	--wk-muted:     #6E6A66;
	--wk-line:      #E8E4DD;
	--wk-cream:     #FAF8F5;

	/* 画像に重ねるオーバーレイ（黒ベタではなくワイン寄りの暗色） */
	--wk-scrim:     26, 10, 15;

	/* 形 ----------------------------------------------------------------- */
	--wk-radius:    12px;
	--wk-radius-sm: 8px;

	/* 余白 --------------------------------------------------------------- */
	--wk-gap:       24px;
	--wk-section:   90px;

	/* モーション --------------------------------------------------------- */
	--wk-ease:      cubic-bezier(.22, .61, .36, 1);

	/* ヘッダー総高 = accent 3px + main 86px + border 1px + nav-row 52px
	   親テーマの .l-main { padding-top: 171px } を打ち消すために使う */
	--wk-header-h:  142px;
}