/*
Theme Name: WAM Matsuri
Description: 商店会・商店街の統合管理プラグイン WooCommerce Association Manager 対応の祭りテーマ
Author: olimdagii
Author URI: https://github.com/olimdagii
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: wam-matsuri
*/

/* === Design Tokens (CSS Custom Properties) === */
:root {
	/* === Primary: 朱赤 === */
	--wam-primary: #C53D2D;
	--wam-primary-light: #E8594A;
	--wam-primary-dark: #9B2D20;
	--wam-primary-bg: #FDF0EE;

	/* === Secondary: 紺 === */
	--wam-secondary: #223A70;
	--wam-secondary-light: #2E4D8E;
	--wam-secondary-dark: #17184B;
	--wam-secondary-bg: #EDF2F7;

	/* === Accent === */
	--wam-accent-gold: #C69C3F;
	--wam-accent-vermilion: #EC6800;
	--wam-accent-yamabuki: #F8B500;

	/* === Background === */
	--wam-bg-primary: #FEFAF4;
	--wam-bg-secondary: #F7F3ED;
	--wam-bg-dark: #17184B;
	--wam-bg-card: #FFFFFF;

	/* === Text === */
	--wam-text-primary: #2D2017;
	--wam-text-secondary: #5C4E42;
	--wam-text-muted: #786A60;

	/* === Border === */
	--wam-border: #D4C5B3;
	--wam-border-strong: #97867C;
	--wam-border-light: #E8DDD0;
	--wam-border-accent: #C69C3F;

	/* === State === */
	--wam-success: #27ae60;
	--wam-success-light: #e8f5e9;
	--wam-success-border: #c8e6c9;
	--wam-warning: #e65100;
	--wam-warning-light: #fff3e0;
	--wam-warning-border: #ffcc80;
	--wam-error: #d63638;
	--wam-error-light: #fef2f2;

	/* === Spacing Scale === */
	--wam-space-xs: 4px;
	--wam-space-sm: 8px;
	--wam-space-md: 16px;
	--wam-space-lg: 24px;
	--wam-space-xl: 32px;
	--wam-space-2xl: 48px;

	/* === Typography === */
	--wam-font-body: 'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic', sans-serif;
	--wam-font-heading: 'Noto Serif JP', 'Hiragino Mincho ProN', serif;
	--wam-font-size-base: clamp(15px, 0.9rem + 0.25vw, 17px);
	--wam-font-size-sm: clamp(13px, 0.75rem + 0.2vw, 14px);
	--wam-font-size-xs: 12px;
	--wam-font-size-lg: clamp(17px, 1rem + 0.3vw, 19px);
	--wam-line-height: 1.8;

	/* === Shape === */
	--wam-radius-sm: 6px;
	--wam-radius-md: 8px;
	--wam-radius-lg: 12px;
	--wam-shadow: 0 2px 8px rgba(45, 32, 23, 0.08);
	--wam-shadow-lg: 0 4px 16px rgba(45, 32, 23, 0.16);

	/* === Animation === */
	--wam-transition: 0.2s ease-out;
	--wam-transition-slow: 0.3s ease-out;

	/* === Focus === */
	--wam-focus-color: var(--wam-secondary-light);
	--wam-focus-shadow: 0 0 0 3px rgba(46, 77, 142, 0.2);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--wam-transition: 0s;
		--wam-transition-slow: 0s;
	}
}

/* === Body Base === */
body {
	background-color: var(--wam-bg-primary);
	color: var(--wam-text-primary);
	font-family: var(--wam-font-body);
	font-size: var(--wam-font-size-base);
	line-height: var(--wam-line-height);
}