/**
 * TOKUMORI key colors
 * Source: Figma — カラー案 (node 56:13922)
 *
 * Prefer these semantic aliases in custom CSS:
 *   color: var(--color-primary);
 *   background-color: var(--color-base);
 *
 * Block editor / theme.json presets stay available as:
 *   var(--wp--preset--color--primary)
 *   var(--wp--custom--color--primary)
 */

:root {
	/* ベースカラー */
	--color-base: var(--wp--preset--color--background, #fffbf6);

	/* サブベースカラー */
	--color-sub-base: var(--wp--preset--color--secondary, #ffffff);

	/* サブベースカラー（グレー） */
	--color-sub-base-gray: var(--wp--preset--color--tertiary, #fafafa);

	/* メインカラー（ブランドレッド） */
	--color-primary: var(--wp--preset--color--primary, #af322c);

	/* メインカラー（テキスト／ダーク） */
	--color-main-dark: var(--wp--preset--color--foreground, #333333);

	/* グレー */
	--color-gray: var(--wp--preset--color--gray, #838586);

	/* アクセント */
	--color-accent: var(--wp--preset--color--accent, #e67e22);

	/* Role aliases */
	--color-text: var(--color-main-dark);
	--color-text-muted: var(--color-gray);
	--color-surface: var(--color-sub-base);
	--color-surface-muted: var(--color-sub-base-gray);
	--color-page: var(--color-base);
}