@charset "utf-8";

:root {

	/* 色設定 */
	--text-color:#002100;
	--accent:#5F7DBE;
	--main-bg-design:#d0e2be;
	--sub-bg-color: #fefaee;
	--header-bg-design: url(https://happykureha.stars.ne.jp/imgforskin/header.jpg) 100% / cover;
}

 @media (prefers-color-scheme: dark) {
     body {
/* ダークモード時色設定 */
	--text-color: #ffe4e1;
	--accent: #31aad0;
	--main-bg-design: #243b63;
	--sub-bg-color: #0C182C;
	--header-bg-design: url(https://happykureha.stars.ne.jp/imgforskin/header_dark.jpg) 100% / cover;

    }
 

/*
	text-color = メインの文字色です。
	accent = アクセントカラーです。

	main-bg-design = ページ全体の背景色です。画像指定、グラデーション指定、単色指定などが可能です。
		■画像を全体に敷き詰める
		#ffffff url(フォルダ名/ファイル名) scroll;

		■なめらかなグラデーション
		linear-gradient(160deg, var(--os1) 20%, var(--os2) 80%) fixed;
		
		■パキッとしたツートンカラー
		linear-gradient(160deg, var(--os1) 49.9%, var(--os2) 50%) fixed;
		
		■単色カラー
		#ffffff などのカラーコードだけを入れると単色になります。

	sub-bg-color = text-colorが暗い色なら#fffなど（白系）を、明るい色なら#333など（黒系）がオススメ。
	header-bg-design = サイトのヘッダーの背景設定です。画像指定、グラデーション指定、単色指定などが可能です。
*/