/*
 * デザイントークン（CSSカスタムプロパティ）
 *
 * 同じ色の定義が assets/js/tailwind-config.js にもあるが、役割が異なるため重複ではない。
 * - tailwind-config.js: HTML内のユーティリティクラス（bg-brand-accent 等）向け
 * - このファイル: Tailwindのユーティリティクラスでは表現しにくい生CSS（疑似要素、
 *   グラデーション等）を components.css から参照するためのもの
 * 色を変更する際は両ファイルを必ず同時に更新すること。
 */
:root {
  --brand-navy:        #0B2138;
  --brand-navy-soft:   #16324E;
  --brand-navy-dark:   #071627;

  --brand-accent:      #1c69d4; /* BMW Blue系。装飾用途では使わず交流要素限定 */
  --brand-accent-dark: #0653b6;

  --brand-text:        #1B2430;
  --brand-slate:       #55606F;
  --brand-bg:          #F6F7FA;
  --brand-bg-alt:      #EDF1F6;
  --brand-border:      #DCE2EA;
  --brand-white:       #FFFFFF;
  --brand-success:     #1F8A57;
}