/* ==========================================================================
 * Base CSS & Design Tokens / 基本スタイルとデザイントークン
 * ========================================================================== */

:root {
	/* Color Palette / カラーパレット */
	--color_primary: #FF5900;
	--color_primary_hover: #e55000;
	--color_brown: #802D00;
	--color_bg: #fffcfa;
	--color_black: #000000;
	--color_white: #ffffff;
	--color_gray_border: #e5e5e5;
	--color_text_main: #000000;
	--color_text_muted: rgba(0, 0, 0, 0.6);
	--shadow_card: 0 4px 20px rgba(0, 0, 0, 0.08);

	/* Typography / タイポグラフィ */
	--font_maru_gothic: 'Zen Maru Gothic', 'Hiragino Maru Gothic ProN', 'Hiragino Maru Gothic Pro', 'Hiragino Maru Gothic Std', 'Noto Sans JP', sans-serif;
	--font_hiragino_maru: 'Zen Maru Gothic', 'Hiragino Maru Gothic ProN', 'Hiragino Maru Gothic Pro', 'Hiragino Maru Gothic Std', 'Noto Sans JP', sans-serif;
	--font_body: 'Zen Maru Gothic', 'Hiragino Maru Gothic ProN', 'Hiragino Maru Gothic Pro', 'Noto Sans JP', sans-serif;
	--font_en: 'Quicksand', sans-serif;
	--font_date: 'Quicksand', sans-serif;

	/* Transitions / トランジション */
	--transition_base: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

body {
	background-color: var(--color_bg);
	color: var(--color_text_main);
	font-family: var(--font_maru_gothic);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.8;
	overflow-x: hidden;
	letter-spacing: 0.05em;
}

/* Base Headings / 見出し共通スタイル */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font_maru_gothic);
	font-weight: 700;
	line-height: 1.4;
	color: var(--color_brown);
}

/* Tabular & Number utility / 英数字・数値ユーティリティ */
.u_font_en {
	font-family: var(--font_en);
}

/* ==========================================================================
 * End of Base CSS / 基本スタイル終了
 * ========================================================================== */