@charset "utf-8";

:root {
	/* ページ全体の背景色 */
	--body-bg: #fae9e9;
	/* メインの文字色 */
	--main-text-color: #18193f;
	/* アクセントカラー */
	--accent: #4671d8;
	/* レイアウトボックスの背景色 */
	--sub-bg-color: #fff;
}
body::before{
	background: var(--body-bg) linear-gradient(180deg, var(--body-bg) 30%, var(--accent-30) 100%);
	background-size: cover;
	content: "";
	inset: 0;
	position: fixed;
	z-index: -1;
}
body{
	background-color: color-mix(in srgb, var(--body-bg) 70%, var(--accent));;
}