/* suiminlab 全ページ共通カラーパレット 寝具・睡眠系比較サイトの一般的な配色に統一（2026-08-23）。 商品ごとに色を変えない。新しい商品ページを作るときは、必ずこのファイルを で読み込み、色は直接書かずここの変数（var(--color-xxx)）を参照すること。 役割: - --color-bg : ページ全体の背景・白背景上の白文字（見出し等） - --color-surface : セクションの区切り・カード背景・淡いハイライト - --color-text : 本文の文字 - --color-text-muted : 補助テキスト・注釈・キャプション - --color-border : 罫線・区切り線・薄い枠 - --color-accent : ヘッダー・見出し・目次・バッジ・強調テキスト（濃紺） - --color-cta / --color-cta-hover / --color-cta-shadow / --color-cta-text : CTAボタン専用（オレンジ）。CTA以外にオレンジは使わない */ :root { --color-bg: #FFFFFF; --color-surface: #F7F8FA; --color-text: #1A1A1A; --color-text-muted: #555555; --color-border: #E5E7EB; --color-accent: #1E3A5F; --color-accent-rgb: 30, 58, 95; /* --color-accentのRGB版。rgba()で半透明を作る時に使う */ --color-accent-hover: #15304D; --color-cta: #E8730A; --color-cta-hover: #C85F08; --color-cta-shadow: #B85607; --color-cta-text: #FFFFFF; }