/**
 * POKERS Design Tokens
 *
 * theme.json が正本。ここは WordPress が出力する --wp--* 変数に
 * 短いエイリアスを与えるだけの層とする。値の直書きはしない。
 *
 * Typography System
 *   現在：Inter（Primary Sans）＋ Noto Sans JP（Japanese）
 *   将来：Söhne 導入時は theme.json の fontFamilies と
 *         inc/enqueue.php の pokers_get_font_faces() を差し替えるだけでよい。
 */

:root {
	/* ---- Font family ---- */
	--font-sans: var(--wp--preset--font-family--sans);
	--font-display: var(--wp--preset--font-family--display);
	--font-jp: var(--wp--preset--font-family--jp);
	--font-accent: var(--wp--preset--font-family--accent);

	/* ---- Font size ---- */
	--text-label: var(--wp--preset--font-size--label);
	--text-meta: var(--wp--preset--font-size--meta);
	--text-small: var(--wp--preset--font-size--small);
	--text-body: var(--wp--preset--font-size--body);
	--text-lead: var(--wp--preset--font-size--lead);
	--text-h4: var(--wp--preset--font-size--h4);
	--text-h3: var(--wp--preset--font-size--h3);
	--text-h2: var(--wp--preset--font-size--h2);
	--text-h1: var(--wp--preset--font-size--h1);
	--text-display: var(--wp--preset--font-size--display);
	--text-stat: var(--wp--preset--font-size--stat);

	/* ---- Weight ---- */
	--weight-regular: var(--wp--custom--weight--regular);
	--weight-medium: var(--wp--custom--weight--medium);
	--weight-semibold: var(--wp--custom--weight--semibold);
	--weight-bold: var(--wp--custom--weight--bold);
	--weight-black: var(--wp--custom--weight--black);

	/* ---- Letter spacing ---- */
	--tracking-brand: var(--wp--custom--tracking--brand);
	--tracking-descriptor: var(--wp--custom--tracking--descriptor);
	--tracking-label: var(--wp--custom--tracking--label);
	--tracking-nav: var(--wp--custom--tracking--nav);
	--tracking-wide: var(--wp--custom--tracking--wide);
	--tracking-normal: var(--wp--custom--tracking--normal);
	--tracking-jp: var(--wp--custom--tracking--jp);
	--tracking-tight: var(--wp--custom--tracking--tight);
	--tracking-tighter: var(--wp--custom--tracking--tighter);
	--tracking-display: var(--wp--custom--tracking--display);

	/* ---- Line height ---- */
	--leading-none: var(--wp--custom--leading--none);
	--leading-display: var(--wp--custom--leading--display);
	--leading-tight: var(--wp--custom--leading--tight);
	--leading-snug: var(--wp--custom--leading--snug);
	--leading-heading: var(--wp--custom--leading--heading);
	--leading-normal: var(--wp--custom--leading--normal);
	--leading-jp: var(--wp--custom--leading--jp);
	--leading-relaxed: var(--wp--custom--leading--relaxed);

	/* ---- Color ---- */
	--color-black: var(--wp--preset--color--pokers-black);
	--color-white: var(--wp--preset--color--pokers-white);
	--color-red: var(--wp--preset--color--pokers-red);
	--color-blue: var(--wp--preset--color--electric-blue);
	--color-mid-gray: var(--wp--preset--color--mid-gray);
	--color-light-gray: var(--wp--preset--color--light-gray);

	--surface-light: var(--wp--custom--surface--light);
	--surface-dark: var(--wp--custom--surface--dark);
	--surface-raised: var(--wp--custom--surface--raised);

	/* トーン別アクセント。既定は Editorial（赤）。 */
	--tone-editorial: var(--wp--custom--tone--editorial);
	--tone-entertainment: var(--wp--custom--tone--entertainment);
	--accent: var(--tone-editorial);

	/* ---- Layout ---- */
	--gutter: var(--wp--custom--gutter);
	--measure-text: var(--wp--custom--measure--text);
	--measure-narrow: var(--wp--custom--measure--narrow);
	--content-size: var(--wp--style--global--content-size);
	--wide-size: var(--wp--style--global--wide-size);

	/* ---- Rule / motion ---- */
	--rule-hairline: var(--wp--custom--rule--hairline);
	--rule-accent: var(--wp--custom--rule--accent);
	--duration-fast: var(--wp--custom--duration--fast);
	--duration-base: var(--wp--custom--duration--base);

	/* ---- Spacing ---- */
	--space-3xs: var(--wp--preset--spacing--3xs);
	--space-2xs: var(--wp--preset--spacing--2xs);
	--space-xs: var(--wp--preset--spacing--xs);
	--space-s: var(--wp--preset--spacing--s);
	--space-m: var(--wp--preset--spacing--m);
	--space-l: var(--wp--preset--spacing--l);
	--space-xl: var(--wp--preset--spacing--xl);
	--space-2xl: var(--wp--preset--spacing--2xl);
	--space-3xl: var(--wp--preset--spacing--3xl);
}

/* Entertainment 面はアクセントを青に切り替える（赤＝NEWS/POWER、青＝CULTURE/DIGITAL）。 */
.tone-entertainment {
	--accent: var(--tone-entertainment);
}