/* =====================================================================
   manaby alt コーポレートサイト デザイントークン
   出典: 現行サイト(manaby-alt.co.jp / STUDIO) 実測 2026-07-13
   方針: レイアウト=Figma / 数値(色・級数・余白)=本トークン(現行サイト優先)
   root font-size: 16px (1rem = 16px)
   ===================================================================== */

:root {
  /* ---- Color ---- */
  --c-primary:      #485BBF;  /* altブルー */
  --c-primary-100:  #DFE4FF;  /* ペールブルー(装飾数字) */
  --c-primary-50:   #F6F7FF;  /* 極淡ブルー(背景/カード) */
  --c-page-header:  #F3F5FF;  /* 下層ページのタイトル帯(実測。primary-50より僅かに濃い) */
  --c-text:         #333333;  /* 標準テキスト・H1 */
  --c-text-strong:  #333333;  /* 見出し・リード・枠線。本文色は #333333 に統一（2026-07-31 指示） */
  --c-bg:           #FFFFFF;
  --c-bg-muted:     #F5F5F5;
  --c-on-primary:   #FFFFFF;

  /* ---- Font ---- */
  --font-sans: "Inter", "Noto Sans JP", "Hiragino Sans", sans-serif;
  --fw-regular: 400;
  --fw-medium:  500;  /* 本文 */
  --fw-semibold:600;  /* 見出し */
  --fw-bold:    700;  /* 装飾大型文字 */

  /* ---- Type scale (px→rem, desktop実測) ---- */
  --fs-deco:      8.1rem;   /* 129.6px  FEATURE等の背景装飾文字 */
  --fs-num:       5.25rem;  /* 84px     連番01/02/03 */
  --fs-h1:        2.4rem;   /* 38.4px   ページタイトル */
  --fs-lead:      2.2rem;   /* 35.2px   セクションリード */
  --fs-h2-en:     2.1rem;   /* 33.6px   Mission等 */
  --fs-subhead:   1.75rem;  /* 28px */
  --fs-feature:   1.6rem;   /* 25.6px   特徴見出し */
  --fs-h2:        1.5rem;   /* 24px     セクション見出し */
  --fs-h3-sm:     1.25rem;  /* 20px */
  --fs-card-title:1.1rem;   /* 17.6px   カード内タイトル */
  --fs-body:      1rem;     /* 16px     本文・ナビ */
  --fs-small:     0.9rem;   /* 14.4px   フッター */

  /* ---- Line-height ---- */
  --lh-heading: 1.4;
  --lh-body:    1.9;   /* 和文本文(1.6〜2.25の中庸) */
  --lh-tight:   1.25;

  /* ---- Radius ---- */
  --radius-card: 20px;
  --radius-lg:   24px;
  --radius-pill: 50px;

  /* ---- Shadow ---- */
  --shadow-card: 0 3px 5px rgba(0, 0, 0, 0.05);

  /* ---- Layout ---- */
  --container-max: 1080px;
  --section-pad-y: 50px;   /* セクション内側。セクション間はFigmaリズム(80〜120px)で */

  /* ---- Breakpoints (STUDIO実測 / min-width運用推奨) ---- */
  --bp-sm: 415px;
  --bp-md: 840px;
  --bp-lg: 1080px;
}