/* =========================================================
   CaTe Design Tokens — 2026 renewal
   仕様: /DESIGN.md（デザインPDF cate_web_pc_260702 から実測）
   ========================================================= */
:root {
  /* Color */
  --c-green: #00491F;
  --c-cream: #FEF9EF;
  --c-cream-2: #F3EBDD;
  --c-white: #FFFFFF; /* グリーン地・写真上のテキスト */
  --c-accent: #23AC39; /* Solutionページ ロジックモデルの指標テキスト */
  /* 罫線は半透過でなく実色 (デザインPDFのピクセル実測) */
  --c-line-green: #00491F;
  --c-line-white: #FFFFFF;

  /* Typography */
  --font-sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP",
    "Yu Gothic", sans-serif;
  /* Helvetica Neue Light Condensed 代替: Oswald 300 (字幅・密度の実測で最良一致) */
  --font-display: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* Helvetica Neue Medium 代替: Mac は本物、他は Roboto 500 */
  --font-medium: "Helvetica Neue", "Roboto", "Inter", Helvetica, Arial,
    sans-serif;

  /* 実測値(1440px時): display 51px / hero 60px / heading 30px */
  --fs-display: clamp(2.25rem, 1.3rem + 2.9vw, 3.2rem);
  --fs-hero: clamp(1.9rem, 1rem + 4.2vw, 3.75rem);
  --fs-heading: clamp(1.375rem, 1.1rem + 1vw, 1.875rem);
  --fs-pillar-title: 1.375rem;   /* 22px */
  --fs-body: 0.8125rem;          /* 13px  緑の本文 */
  --fs-body-s: 0.71875rem;       /* 11.5px 小さめ本文・フッター */
  --fs-btn: 0.75rem;             /* 12px  ボタン */

  --lh-body: 1.75;
  --ls-body: 0.03em;
  --ls-heading: 0.06em;

  /* Layout: コンテンツ幅988px(=1108-余白) 実測 */
  --container-max: 1108px;
  --container-pad: clamp(20px, 5vw, 60px);
  --space-section: clamp(64px, 8vw, 104px);

  /* Radius */
  --radius-pill: 999px;
  --radius-card: 6px;
  --radius-panel: 24px;
}