/* ================================================================
   Agnos — Design Tokens
   色 / タイポ / レイアウトの基準値（CSS変数）
================================================================ */
:root{
  /* ---- Color tokens ---- */
  --bg:           #FFFFFF;
  --bg-warm:      #FAFAF7;
  --bg-sub:       #F4EFE8;
  --bg-dark:      #2C2C2A;

  --ink:          #2C2C2A;
  --ink-2:        #444441;
  --ink-3:        #5F5E5A;
  --mute:         #888780;

  --line:         #C7C5BC;
  --line-soft:    #E0DDD3;

  --agnos-grey:   #AEAFB3;
  --teal:         #63E1E5;
  --teal-deep:    #3DA8AB;

  /* ---- Typography ---- */
  --sans-jp: 'Noto Sans JP','游ゴシック','Yu Gothic',sans-serif;
  --serif-jp:'Noto Serif JP','游明朝','Yu Mincho',serif;
  --serif-en:'Cormorant Garamond','Georgia',serif;
  --mono:    'JetBrains Mono','SF Mono',ui-monospace,monospace;

  /* ---- Layout ---- */
  --max:    1280px;
  --gutter: 44px;
  --gutter-mobile: 22px;
  --header-h: 76px;
}