/* 見出しの役割ごとのサイズを共用し、本文と操作欄の読みやすさを保つ。 */
:root {
  --ui-font-page-title: clamp(1.625rem, 2.5vw, 2rem);
  --ui-font-detail-title: clamp(1.625rem, 3vw, 2.25rem);
  --ui-font-hero-title: clamp(1.75rem, 3vw, 2.5rem);
  --ui-font-section-title: 1.375rem;
  --ui-font-card-title: 1rem;
  --ui-font-group-title: 1.125rem;
  --ui-font-plan-title: clamp(1.25rem, 2.5vw, 1.5rem);
  --ui-leading-body: 1.65;
  --ui-leading-title: 1.4;
  --ui-leading-card: 1.55;
}

@media (max-width: 760px) {
  :root {
    --ui-font-page-title: 1.5rem;
    --ui-font-detail-title: 1.625rem;
    --ui-font-hero-title: 1.625rem;
    --ui-font-section-title: 1.25rem;
    --ui-font-plan-title: 1.25rem;
  }
}