/* ============================================================
   カーラボ グローバル変数
   カラー・半径・レイアウト定数
============================================================ */
:root {
  /* ブランドカラー */
  --color_primary:        #1e9986;   /* カーラボグリーン（メイン） */
  --color_primary_dark:   #157a6e;
  --color_primary_light:  #e1f5f2;

  /* UI基本色 */
  --color_navy:           #0e2e54;   /* テキスト・ヘッダー */
  --color_navy_mid:       #1a3a6e;

  /* セマンティックカラー */
  --color_line:           #06c755;   /* LINE公式グリーン */
  --color_emergency:      #c0392b;   /* 緊急・SOS */
  --color_emergency_bg:   #fdecea;
  --color_warning:        #d97706;   /* 中程度警告 */
  --color_warning_bg:     #fffbeb;
  --color_safe:           #16a34a;   /* 軽微・安全 */
  --color_safe_bg:        #f0fdf4;

  /* 背景 */
  --color_bg:             #ffffff;
  --color_bg_sub:         #f7f9fc;
  --color_bg_mute:        #f3f4f6;

  /* ボーダー・テキスト */
  --color_border:         #e0e8f0;
  --color_border_strong:  #c5d2e0;
  --color_text:           #0e2e54;
  --color_text_sub:       #6b7c93;
  --color_text_mute:      #9aa5b8;

  /* 角丸 */
  --radius_sm:            6px;
  --radius_md:            8px;
  --radius_lg:            12px;
  --radius_xl:            18px;

  /* レイアウト定数 */
  --header_h:             64px;
  --header_h_sp:          56px;
  --sp_tab_h:             56px;
  --container_w:          1100px;
  --header_w:             1200px;
}