@charset "UTF-8";
/* =========================================================
   gelatin-leaf.css  (v1.0)
   ゼラチンリーフ カテゴリのカラーバリエーション定義
========================================================= */

/* ---------- 緑（ゼラチンリーフ緑） ---------- */
body.theme-green{
  --theme-color:        #3a8c3f;
  --theme-color-light:  #5cc168;
  --theme-color-soft:   #a8d4a0;
  --theme-color-dark:   #1f5a26;
  --theme-color-bg:     #f6fceb;
  --theme-color-stripe: #e3edd1;
  --theme-color-grad-start: #c4c340;   /* ← 黄緑（グラデーション開始色） */
}

/* ---------- 紺（ゼラチンリーフ300） ---------- */
body.theme-navy{
  --theme-color:        #516da2;
  --theme-color-light:  #4a70c9;
  --theme-color-soft:   #a0b0d4;
  --theme-color-dark:   #12256a;
  --theme-color-bg:     #ebf0fc;
  --theme-color-stripe: #d1dcf0;
  --theme-color-grad-start: #b2aff9;   /* ← 水色?薄い青 */
}

/* ---------- 黒（ゼラチンリーフ400） ---------- */
body.theme-black{
  --theme-color:        #2a2a2a;
  --theme-color-light:  #555555;
  --theme-color-soft:   #b0b0b0;
  --theme-color-dark:   #000000;
  --theme-color-bg:     #f2f2f2;
  --theme-color-stripe: #d5d5d5;
  --theme-color-grad-start: #b0b0b0;   /* ← 明るいグレー */
}

/* ---------- 赤（ゼラチンリーフ500） ---------- */
body.theme-red{
  --theme-color:        #b9474f;
  --theme-color-light:  #e57368;
  --theme-color-soft:   #e8b5b0;
  --theme-color-dark:   #7a1e13;
  --theme-color-bg:     #fceceb;
  --theme-color-stripe: #f0d1d1;
  --theme-color-grad-start: #fccb76;   /* ← 明るい橙?サーモン */
}

/* ---------- プラチナ（ゼラチンリーフプラチナ） ---------- */
body.theme-platinum{
  --theme-color:        #6c757d;
  --theme-color-light:  #9ba3ab;
  --theme-color-soft:   #ced4da;
  --theme-color-dark:   #343a40;
  --theme-color-bg:     #f8f9fa;
  --theme-color-stripe: #e9ecef;
  --theme-color-grad-start: #b8c1c9;   /* ← シルバー */
}