/* ==========================================================
   variables.css
   CSS変数・フォント定義（サイト全体で共通）
   すべてのCSSより先に読み込むこと
   ========================================================== */

/* ----------------------------------------------------------
   カラー変数
   ---------------------------------------------------------- */
:root {
  /* ── ブランドカラー（赤系） ── */
  --red:            #bf2228;
  --red2:           #9a1a1f;
  --red-pale:       #fdf2f2;
  --jfort-red-pale: #f9e8ed;


  /* ── 藍色カラー ── */
  --ai:             #2e4b71;

  /* ── モノクロ系 ── */
  --black:          #101010;
  --white:          #ffffff;
  --bg:             #f9f8f6;
  --text:           #1a1a1a;
  --muted:          #6a6a6a;
  --border:         #e6e2db;

}

/* ----------------------------------------------------------
   Webフォント
   ---------------------------------------------------------- */
@font-face {
  font-family: 'Abel';
  src: url('../fonts/Abel-Regular.woff2') format('woff2'),
       url('../fonts/Abel-Regular.woff')  format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}