/* ===================================================================
   01_variables.css
   CSS変数 / カラーパレット / デザイントークン
   ここを変更するとサイト全体の色・サイズが一括変更されます
   =================================================================== */

/* ===========================================================
   1. CSS変数
   =========================================================== */
:root {
  --navy:       #1a2d4a;        /* ネイビー：ボタン・アイコン・アクセント */
  --navy-lt:    #243d62;        /* ライトネイビー：ホバー */
  --navy-dk:    #111e33;        /* ダークネイビー */
  --blue-grad-start: #e8f4fd;
  --blue-grad-end:   #d6ecf9;
  --blue-text:       #1a2d4a;
  --danger:     #c0392b;
  --warning:    #d97706;
  --success:    #27ae60;
  --bg:         #ffffff;
  --light-bg:   #f5f7fa;
  --card-bg:    #ffffff;
  --text:       #1a1a1a;
  --text-muted: #6b7280;
  --white:      #ffffff;
  --border:     #e5e7eb;
  --shadow:     0 1px 8px rgba(0,0,0,0.07);
  --shadow-md:  0 4px 24px rgba(0,0,0,0.11);
  --radius:     12px;

  /* 後方互換：--primary を --navy に割り当て */
  --primary:    #1a2d4a;
  --primary-lt: #243d62;
  --primary-dk: #111e33;
  --accent:     #1a2d4a;
  --accent2:    #243d62;
}


