/****************************** 変数定義（オリジナルカラーの設定） ******************************/

:root {
/* --- メインカラー (Brand Colors) --- */
  /* フッターや大きな見出し背景に使われている濃い黄色（山吹色） */
  --color-primary: #FFB800;
  --color-primary-dark: #dca60e;

/* ボタンやアイコン背景に使われている明るい黄色 */
  --color-secondary: #FFE200;
	--color-info: #7BBDAA;
	--color-danger: #874C93;
	--color-warning: #D0B0CE;
  --color-secondary-dark: #efbb24;


  /* --- アクセントカラー (Accents) --- */
  /* アクセントの明るいオレンジ */
    --color-accent-orange: #FFB800;
    --color-accent-orange-dark: #FFB800;

  /* 「新着コラム」のラベルや上部装飾に使われているコーラルピンク */
  --color-accent-coral: #FF5463;


  /* --- 背景色 (Backgrounds) --- */
  /* サイト全体のベースとなるオフホワイト（クリーム色） */
  --color-bg-body: #FFF4DC;

  /* card背景の薄いオレンジ/肌色 */
  --color-bg-card: #FFEBD4;

  /* リンクの色 */
  --color-link: #3F1900;           /* 通常時のリンク色 */
  --color-link-hover: #FF5463;     /* ホバー時のリンク色 */

  /* テキスト */
  --color-text: #3F1900;
  --color-text-muted: #3F1900; /* 補足・無効テキスト */

  /* フォーカスリング */
  --pagination-focus-ring: rgba(240, 144, 141, 0.35);

}