@charset "UTF-8";
/* =========================================================
   powder_gelatin.css  (v1.1)
   ゼラチンパウダー カテゴリのカラーバリエーション定義
========================================================= */



/* ---------- 紺（ゼラチンパウダー紺） ---------- */
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;   /* ← 水色?薄い青 */
}

/* ---------- 黒（ゼラチンパウダー黒） ---------- */
body.theme-black{
  --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;   /* ← シルバー */
}

/* ---------- 赤（ゼラチンパウダー赤） ---------- */
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-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;   /* ← 黄緑（グラデーション開始色） */
}


/* ---------- 水色（フィッシュゼラチン） ---------- */
body.theme-fish{
  --theme-color:        #55a6b2;
  --theme-color-light:  #7dc0ca;
  --theme-color-soft:   #b8dde2;
  --theme-color-dark:   #2f6b74;
  --theme-color-bg:     #eaf7f9;
  --theme-color-stripe: #d1ecef;
  --theme-color-grad-start: #a8e0d4;   /* ← 明るい水色?ミント */
}

/* ---------- プラチナ（ゼラチンリーフプラチナ） ---------- */
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;   /* ← シルバー */
}