/*
 * 3x3 UNITED — フォントサイズトークン
 *
 * サイト全体でフォントサイズがバラバラ(9px, 10.5px, 11px, 13px, 15px...)になっていた
 * ため、共通のスケールを定義する。今後の新規実装・修正はここで定義した変数を使うこと。
 *
 * ルール:
 * - 最小フォントサイズは --x3u-font-size-xs (0.75rem / 12px)。これより小さいサイズは使わない。
 * - サイズは基本的に偶数のみ。本文サイズ帯(12〜20px)は2px刻み、見出し帯(20px〜)は
 *   8の倍数のジャンプ率を基準にする(20→24→32→40)。
 * - 迷ったら --x3u-font-size-base (16px) を使う。
 * - 既存CSSファイルは今回リファクタリングしていない。新規CSSからこのスケールに揃えていく。
 * - ジャージー番号や統計の大きい数値など、文脈依存の幅が大きい大型テキストはトークン化
 *   せず、都度8の倍数(48px, 56px, 64px...)で個別に調整してよい。
 */

:root {
	--x3u-font-size-xs:   0.75rem;  /* 12px — 最小。キャプション、メタ情報、バッジ */
	--x3u-font-size-sm:   0.875rem; /* 14px — 補助テキスト */
	--x3u-font-size-base: 1rem;     /* 16px — 本文(基本はこれ。迷ったらこれを使う) */
	--x3u-font-size-md:   1.125rem; /* 18px — 少し目立たせたい本文(カード内の名前など) */
	--x3u-font-size-lg:   1.25rem;  /* 20px — 小見出し */
	--x3u-font-size-xl:   1.5rem;   /* 24px — セクション見出し */
	--x3u-font-size-2xl:  2rem;     /* 32px — ページ見出し */
	--x3u-font-size-3xl:  2.5rem;   /* 40px — 大見出し */
}