@charset "UTF-8";

/* ============================================================
   Typography (共通ユーティリティ)
   ※各HTMLのインラインスタイルを本クラスに置換して管理します
   ============================================================ */

/* ---------- Font Size ---------- */
.u-text-xs { font-size: 11px !important; }
.u-text-sm { font-size: var(--font-size-sm) !important; }
.u-text-base { font-size: var(--font-size-base) !important; }
.u-text-md { font-size: 18px !important; }
.u-text-lg { font-size: 20px !important; }
.u-text-xl { font-size: 24px !important; }
.u-text-2xl { font-size: 28px !important; }
.u-text-3xl { font-size: 32px !important; }

/* ---------- Font Weight ---------- */
.u-font-bold { font-weight: 700 !important; }
.u-font-medium { font-weight: 500 !important; }
.u-font-normal { font-weight: normal !important; }

/* ---------- Text Color ---------- */
.u-color-text { color: var(--color-text) !important; }
.u-color-text-light { color: var(--color-text-light) !important; }
.u-color-primary { color: var(--color-primary) !important; }
.u-color-white { color: #fff !important; }

/* ---------- Line Height ---------- */
.u-leading-loose { line-height: 2 !important; }
.u-leading-relaxed { line-height: 1.8 !important; }
.u-leading-normal { line-height: 1.6 !important; }

/* ---------- Letter Spacing ---------- */
.u-tracking-widest { letter-spacing: 0.2em !important; }
.u-tracking-wider { letter-spacing: 0.1em !important; }
.u-tracking-wide { letter-spacing: 0.05em !important; }

/* ---------- Text Align ---------- */
.u-text-center { text-align: center !important; }
.u-text-left { text-align: left !important; }
.u-text-right { text-align: right !important; }
.u-text-justify { text-align: justify !important; }