/*
 * ブランドカラー（2026-10-23）
 * サイト共通の色はここだけで決める。各CSSは色コードを直接書かず var(--brand-…) を使う。
 *
 * 読み込み：style.css と standalone-home/style.css の先頭で @import している。
 * どちらも読まない独立ページ（id-card/index.html など）は <link> で直接読み込む。
 *
 * 使っている場所
 *   --brand-blue   : ヘッダー「お問い合わせ」、右端の縦タブ「よくある質問はこちら」、スマホメニュー「お問い合わせ」
 *   --brand-orange : ヘッダー「ご注文・再注文」、右端の縦タブ「お問い合わせ」、スマホメニュー「ご注文・再注文」
 */
:root {
  --brand-blue: #307FE2;        /* PANTONE 2727 C */
  --brand-blue-hover: #296CC0;
  --brand-orange: #FF6A01;
  --brand-orange-hover: #E05D01;
  --page-bg-silver: #f4f3f8;    /* ページ背景の銀灰色（商品詳細・トップページ） */

  /* レイアウト：各ブロックの中身の幅＝画面の87.5%（左右6.25%ずつ余白）、最大1440px */
  --layout-width: min(1440px, 87.5vw);
}