/* デザイントークン（Figma デザインシステム準拠） */
:root {
  /* カラー */
  --color-primary:    #D9488C;
  --color-bg:         #FBF7F9;
  --color-text:       #3D324B;
  --color-sub:        #9A8DA3;
  --color-white:      #FFFFFF;
  --color-border:     #EAE5EC;
  --color-success:    #33B27E;
  --color-danger:     #D65050;
  --color-warning:    #D89941;
  --color-primary-on: #FFD9EB;

  /* タイポグラフィ */
  --font-base: 'Noto Sans JP', sans-serif;

  /* スペーシング */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;

  /* 角丸 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 14px;

  /* レイアウト（固定値） */
  --header-height: 56px;
  --statusbar-height: 44px;
  /* BottomNav 自体の高さ（コンテンツの padding-bottom は別途 80px で余白を確保） */
  --bottomnav-height: 56px;
}