@charset "UTF-8";

/* Noto Sans JP */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/* Lato */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');


:root {
	/* フォント */
	--font-base: "Noto Sans JP", sans-serif;/* weight 100-900 */
	--font-en: "Lato", sans-serif;/* weight 100-900 */
	/* カラー */
	--color-font: #43362f;
	--color-main: #43362f;
    --color-sub: #b39c68;
    --color-accent: #d0cdcb;
    --color-base: #e3e1e0;
    --color-red: #ea5550;

	/* ドーナツのカラー */
	--d-1: #f3c364;/* カスタード */
	--d-2: #416e9a;/* マスカルポーネ */
	--d-3: #c44c43;/* チョコレート */
	--d-4: #70a9b2;/* チーズケーキ */
	--d-5: #7aa662;/* 抹茶 */
	--d-6: #cf4d59;/* ストロベリー */
	--d-7: #a27855;/* カフェモカ */
	--d-8: #98c2d6;/* ミルクティー */
	--d-9: #b9d568;/* マスカット */
	--d-10: #ff8963;/* ニッキ */
	--d-11: #ff8371;/* ピーチ */
	--d-12: #a8609a;/* スイートポテト */
	--d-13: #f28e2d;/* オレンジ */


	/* フォントウェイト */
	--weight-thin: 100;
	--weight-extralight: 200;
	--weight-light: 300;
	--weight-regular: 400;
	--weight-medium: 500;
	--weight-semibold: 600;
	--weight-bold: 700;
	--weight-extrabold: 800;
	--weight-black: 900;
}