/**
 * CSS 変数と全体の調整
 *
 * 色・フォント・余白はここの変数を使う。値を増やしたら報告すること。
 * 本文のフォント（Noto Serif JP）は Lightning G3 Pro Unit のフォント設定で指定されている。
 */

:root {
	/* 色 */
	--da-color-black: #000;
	--da-color-white: #fff;
	--da-color-text: #333;             /* 本文（Lightning の既定） */
	--da-color-gray: #575757;          /* 本文のグレー */
	--da-color-gray-bg: #e2e4e5;       /* CTA などの背景 */
	--da-color-border: #cdd6dd;        /* 表の罫線 */
	--da-color-border-strong: #98a6b5; /* 表の上端の罫線 */

	/* フォント（Noto Sans JP は Lightning G3 Pro Unit のフォント設定で読み込み済み） */
	--da-font-sans: "Noto Sans JP", sans-serif;

	/*
	 * 文字サイズ（現行デザインの値。スマホ → 576px 以上で PC の値）
	 * スマホの本文 11px は暫定。見直すときはここを変える。
	 */
	--da-fs-xl: 24px;       /* 大見出し（PC 45px） */
	--da-fs-lg: 24px;       /* 見出し（PC 38px） */
	--da-fs-md: 18px;       /* 小見出し（PC 26px） */
	--da-fs-text: 11px;     /* 本文（PC 18px） */
	--da-fs-text-sm: 11px;  /* 小さめの本文（PC 15px） */
	--da-lh-text: 1.8;      /* 本文の行間（PC 35px 相当） */

	/* 余白（スマホ → 768px 以上で PC の値） */
	--da-space-xs: 10px;    /* PC 20px */
	--da-space-sm: 24px;
	--da-space-md: 24px;    /* PC 50px */
	--da-space-lg: 40px;    /* PC 100px */
	--da-space-xl: 50px;    /* PC 150px */

	/* セクションの上下余白 */
	--da-space-section: 50px;
}

@media (min-width: 576px) {
	:root {
		--da-fs-xl: 45px;
		--da-fs-lg: 38px;
		--da-fs-md: 26px;
		--da-fs-text: 18px;
		--da-fs-text-sm: 15px;
		--da-lh-text: 1.95;
		--da-space-section: 70px;
	}
}

@media (min-width: 768px) {
	:root {
		--da-space-xs: 20px;
		--da-space-md: 50px;
		--da-space-lg: 100px;
		--da-space-xl: 150px;
	}
}

@media (min-width: 992px) {
	:root {
		--da-space-section: 90px;
	}
}