/*
Theme Name: ふくトク テーマ
Theme URI: https://fukutoku-dev.outdoor-field.com/
Description: ふくトクポータルのフロント表示テーマ（A案：ナチュラル・親しみ）。
             機能（投稿タイプ・タクソノミー・店舗情報メタ等）はプラグイン
             `fukutoku-core` 側で提供し、本テーマは見た目のみを担当する。
Author: canvas
Version: 0.1.0
Text Domain: fukutoku-theme

設計方針（CLAUDE.md デザイン方針）:
- A案（ナチュラル・親しみ）。高年齢層向けにシンプル・読みやすさ最優先。
- フラット・アイコン中心。配色は落ち着いた緑系。
- ロゴのマゼンタは全体に使わず、ヘッダー等の一部のみ。ロゴは仮置きで後日差替。
*/

:root {
	--color-primary: #4a7c59;       /* 落ち着いた緑（メイン・通常モード） */
	--color-primary-dark: #355e42;
	--color-primary-light: #e8f0ea; /* 背景の薄緑 */
	--color-accent: #d6336c;        /* ロゴのマゼンタ（ヘッダー等、限定使用） */
	--color-badge: #f0883e;         /* クーポン発行中バッジ（モードに関わらず一定） */

	--color-voucher: #e8721c;       /* お買い物券モード（暖色・オレンジ） */
	--color-voucher-dark: #bf5a10;
	--color-campaign: #06c755;      /* LINEクーポンモード（LINEグリーン） */
	--color-campaign-dark: #05a648;

	--color-text: #2c2c2c;
	--color-text-muted: #6b6b6b;
	--color-bg: #ffffff;
	--color-border: #dcdcdc;

	--font-size-base: 18px;   /* 高年齢層向けに大きめ */
	--font-size-lg: 24px;
	--font-size-xl: 32px;

	--radius: 12px;       /* 角丸カード基調 */
	--radius-pill: 999px;
	--spacing: 16px;
	--container-width: 1080px;

	--shadow: 0 2px 12px rgba(0, 0, 0, .07);
	--shadow-hover: 0 6px 20px rgba(74, 124, 89, .18);
	--transition: .2s ease;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", sans-serif;
	font-size: var(--font-size-base);
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: .02em;
	color: var(--color-text);
	background: var(--color-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 {
	font-weight: 700;
	letter-spacing: .01em;
}

a {
	color: var(--color-primary-dark);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

.container {
	max-width: var(--container-width);
	margin: 0 auto;
	padding: 0 var(--spacing);
}