/* 色指定用のCSS変数 */
:root {
  /* メインカラーとサブカラー（ボタンなどに共通表示） */
  --color-primary: #cb1818;
  --color-secondary: #005798;
  /* 商品種別の色 */
  --color-sensor: #005798;
  --color-extsensor: #0288d1;
  --color-amp: #196a27;
  --color-sw: #7b1fa2;
  --color-cable: #4fc3f7;
  --color-opt: #fbc02d;
  --color-doc: #b0bec5;
  --color-cons: #ff6f00;
  --color-custom: #e46dc0;
  }

/* 商品カードのボーダー指定（色はCSS変数参照） */
.bg-sensor { border: 2px solid var(--color-sensor); }
.bg-extsensor { border: 2px solid var(--color-extsensor); }
.bg-amp    { border: 2px solid var(--color-amp); }
.bg-sw     { border: 2px solid var(--color-sw); }
.bg-cable  { border: 2px solid var(--color-cable); }
.bg-opt    { border: 2px solid var(--color-opt); }
.bg-doc    { border: 2px solid var(--color-doc); }
.bg-cons   { border: 2px solid var(--color-cons); }
.bg-custom { border: 2px solid var(--color-custom); }

/* ラベルの文字色（CSS変数参照） */
.category-overlay.sensor { color: var(--color-sensor); }
.category-overlay.extsensor { color: var(--color-extsensor); }
.category-overlay.amp    { color: var(--color-amp); }
.category-overlay.sw     { color: var(--color-sw); }
.category-overlay.cable  { color: var(--color-cable); }
.category-overlay.opt    { color: var(--color-opt); }
.category-overlay.doc    { color: var(--color-doc); }
.category-overlay.cons   { color: var(--color-cons); }
.category-overlay.custom { color: var(--color-custom); }

/* daisyUI/Tailwindのデフォルトprimaryカラー（ピンク系）を赤系に上書き */
[data-theme='light'] {
  --p : 0 79% 45%;  /* base: 赤系 */
  --pf: 0 79% 35%;  /* focus: 赤系濃いめ */
  --pc: 0 0% 100%;  /* content (white) */
}

/* カート数量入力欄 */ 
.cart-qty-input {
  width: 4rem;
  text-align: center;
}