/**
 * デザイントークン定義。
 * docs/design-policy.md に定義された値のみを持つ。
 * ここに無い色・フォント・角丸・時間関数は他のCSSファイルで使わない。
 *
 * @package goonies
 */

:root {
	/* カラー（design-policy.md 2章） */
	--c-paper:   #FCFCFB;
	--c-page:    #F1EFE8;
	--c-ink:     #141414;
	--c-plane:   #1C1C1A;
	--c-gray-70: #6E6E69;
	--c-gray-50: #8A8A85;
	--c-gray-35: #A8A8A2;
	--c-gray-25: #C4C4BE;
	--c-gray-15: #DEDED8;
	--c-accent:  #B0111F;

	/* リスト行ホバー背景（design-policy.md 9章） */
	--c-hover: #F7F6F3;

	/* フォントファミリー（design-policy.md 4章） */
	--f-display: "Archivo", system-ui, sans-serif;
	--f-body:    "Zen Kaku Gothic New", sans-serif;

	/* フォントウェイト。Archivo は 700 以上を使わない */
	--fw-display-regular: 500;
	--fw-display-medium:  600;
	--fw-body-regular:    400;
	--fw-body-medium:     500;

	/* タイプスケール（モバイル基準、design-policy.md 4章の表） */
	--fs-hero:             32px; /* 30-34px */
	--fs-number-primary:   63px; /* 60-66px */
	--fs-number-secondary: 34px; /* 32-36px */
	--fs-section-label:     9px;
	--fs-section-heading-en: 26px; /* 24-28px */
	--fs-section-heading-ja: 11px;
	--fs-list-heading:   12.5px; /* 12-13px */
	--fs-article-h2:       21px; /* 20-22px */
	--fs-article-h3:     16.5px; /* 16-17px */
	--fs-body:           12.5px; /* 12-13px */
	--fs-table-number:     12px;
	--fs-annotation:     9.5px;  /* 9-10px */
	--fs-logo-ja:           8px; /* design-policy.md 6章: ヘッダー和文ロゴ */

	/* 行間・字間 */
	--lh-hero: 1.32;
	--lh-body: 1.7;
	--ls-hero:   -0.03em;
	--ls-number: -0.05em;
	--ls-label:   0.2em;
	--ls-section-heading: 0.06em;

	/* レイアウト（design-policy.md 5章） */
	--content-max-width: 600px;
	--space-side-mobile:  18px;
	--space-side-pc:      26px;
	--space-section:      46px; /* 44-48px。旧仕様。--rule-1 未適用のページで使用中（design-policy.md 5章改訂で --space-tier-1 に置き換え予定） */
	--radius-none:   0px;
	--radius-button: 2px;

	/* 罫線の3階層（design-policy.md 2章）。各CSSファイルで色を直書きせず、これを参照する。
	   第1階層は2026-08-14に廃止し、同種の要素が反復する試合結果ページの
	   試合一覧のみ例外的に残す（--space-tier-1-before-dense等とセットで使う） */
	--rule-1: 1px solid var(--c-gray-35);   /* 試合結果ページの試合一覧のみ */
	--rule-2: 1px solid var(--c-gray-15);   /* セクション内のまとまり間 */
	--rule-3: 0.5px solid var(--c-gray-15); /* 項目間 */

	/* セクション間（design-policy.md 2章・5章）。見出しの拡大（24-28px・2段構成）と
	   余白そのものだけで階層を示すため、罫線は使わない（2026-08-14改訂） */
	--space-tier-1: 78px;

	/* 第1階層・罫線ありの詰め版（design-policy.md 2章）。試合結果ページの試合一覧のみ
	   使う。同種の要素が反復するリストのため、罫線を残したまま余白だけ詰める */
	--space-tier-1-before-dense: 24px;
	--space-tier-1-after-dense:  16px;
	--space-tier-2:        24px; /* セクション内のまとまり間 */
	--space-tier-3:        12px; /* 項目間 */

	/* ヘッダー（design-policy.md 6章） */
	--header-height:          50px;
	--header-height-scrolled: 40px; /* スクロール80px超で縮小（design-policy.md 9章） */
	--logo-size:              10px;
	--ls-logo:                0.12em;

	/* モーション（design-policy.md 9章） */
	--ease-standard:      cubic-bezier(0.2, 0.7, 0.3, 1);
	--duration-standard:  240ms;
	--duration-underline: 180ms;
	--duration-reveal:    1200ms; /* スクロールリビールのみ標準240msの例外 */
	--duration-page-fade-in: 1200ms; /* ページ表示のフェードイン（全ページ共通） */

	/* タップ領域（design-policy.md 10章） */
	--tap-min: 44px;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}