/*
Theme Name: futorel.
Theme URI: https://futorel.com
Author: futorel
Author URI: https://futorel.com
Description: 太れない人のための情報メディア futorel.com の自作 WordPress テーマ
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: futorel
Tags: custom-logo, custom-menu, featured-images, full-width-template
*/

:root {
	/* カラー */
	--color-bg: #FAFAF7;
	--color-bg-alt: #F4F2EC;
	--color-ink: #1C1C1A;
	--color-ink-soft: #4A4A45;
	--color-ink-mute: #8B8B82;
	--color-accent: #B8855E;
	--color-accent-soft: #E8DBC9;
	--color-line: #E5E2DA;
	--color-error: #CE3C3C;

	/* フォントファミリー */
	--font-display: 'Cormorant Garamond', 'Noto Serif JP', serif;
	--font-serif-jp: 'Noto Serif JP', serif;
	--font-sans-jp: 'Noto Sans JP', sans-serif;

	/* フォントサイズ */
	--fs-xs: 11px;
	--fs-sm: 13px;
	--fs-base: 15px;
	--fs-md: 17px;
	--fs-lg: 19px;
	--fs-xl: 24px;
	--fs-2xl: 32px;
	--fs-3xl: 44px;
	--fs-4xl: 60px;

	/* レイアウト */
	--max-width: 1300px;
	--content-width: 880px;
	--gutter: 24px;

	/* スペーシング */
	--space-xs: 8px;
	--space-sm: 16px;
	--space-md: 24px;
	--space-lg: 48px;
	--space-xl: 80px;
	--space-2xl: 120px;

	/* トランジション */
	--transition: 0.25s ease;
}