@charset "UTF-8";
/* ==========================================================================
   サイトカラー

   ★ 色を変えたいときは、このファイルの値だけを書き換えてください。
     他のCSS（style.css / top.css / under.css / pickup.css）は
     すべてここの変数を参照しているので、個別に直す必要はありません。

   基調色 #EAEFEF から、白ベースで展開しています。
   ========================================================================== */

:root {
  /* --- ベース --------------------------------------------------------- */
  --sh-white:      #FFFFFF; /* 全体の背景（白ベース） */
  --sh-tint:       #EAEFEF; /* ★基調色。セクションの淡い背景・表の見出しなど */
  --sh-tint-soft:  #F5F8F8; /* 基調色よりさらに淡い背景 */

  /* --- 罫線 ----------------------------------------------------------- */
  --sh-line:       #D4DEDE; /* 表・カードの罫線 */
  --sh-line-soft:  #E2E9E9; /* 目立たせたくない罫線 */

  /* --- アクセント（ロゴと同系の青みグレー）---------------------------- */
  --sh-accent:      #7E9293; /* 装飾・見出しの飾り・影。文字に使うなら大きめの字で */
  --sh-accent-dark: #5A7071; /* ボタン・帯・小さめの文字。白背景で読める濃さ */

  /* --- 文字 ----------------------------------------------------------- */
  --sh-ink:        #2E3838; /* 見出し・フッターの背景 */
  --sh-muted:      #9BAAAA; /* 補助的な文字・記号 */
}