/**
 * CSS変数定義
 * 子テーマで上書き可能なデザイントークン
 *
 * @package Media_Theme
 */

:root {
	/* ブランドカラー */
	--brand-primary: #1e3a5f;
	--brand-primary-light: #2c4a6e;
	--brand-primary-dark: #0f2744;
	--brand-accent: #2563eb;
	--brand-accent-light: #3b82f6;
	--brand-accent-dark: #1d4ed8;

	/* 背景色 */
	--background: #f8fafc;
	--foreground: #1e293b;
	--card: #ffffff;
	--card-foreground: #1e293b;
	--muted: #f1f5f9;
	--muted-foreground: #64748b;
	--border: #e2e8f0;

	/* カテゴリカラー */
	--category-features: #3b82f6;
	--category-design: #0d9488;
	--category-seo: #d97706;
	--category-monetization: #dc2626;
	--category-content: #7c3aed;
	--category-editor: #db2777;

	/* レイアウト */
	--radius: 0.375rem;
	--header-height: 80px;
}