橙 #e77623 は「資料ダウンロード」以外に使いません。 有彩色でユーザーを迷わせないための取り決めです。

letter-spacing は 0.28px のpx 固定です。em に換算しないため、 14px では 0.02em、40px では 0.007em と、大きい文字ほど相対的にベタ組みに寄ります。 見出しの line-height はサイズによらず一律 1.4。font-feature-settings は normal（palt をかけません）。

Primary — 背景 #2352c8 / 文字 #fff / hover #1337a1
Secondary — 背景 #171725 / 文字 #fff / hover #3f3f4a
Outline — 透明 / 1px solid #d5d5dc / 文字 #171725
Accent — 背景 #e77623 / hover #c3540a。「ダウンロード」以外に使いません
ホバーは色を1段階濃くするだけ。拡大も影の追加もしません。

ボタンは角丸、バッジはピル。この2つを混同しないのがこのデザインシステムの約束です。

濃 → 淡の対で並びます（濃い青の次は薄い青）。系列が増えても色相の数を増やしません。

--radius-md と --radius-lg はどちらも 8px。スケールの途中が意図的に潰してあります。

ブレークポイントは 40rem(640) / 48rem(768) / 64rem(1024) / 80rem(1280) / 96rem(1536)。ホバー演出は @media (hover: hover) で囲い、 @media (prefers-reduced-motion: reduce) で無効化します。