/**
 * デザイントークン。全ページで色コード完全一致を確認済み（P9インベントリ調査）。
 * tailwind.config（inc/head.php）のbrand-*パレットと同値。
 * Tailwind CDN実行時は静的JS設定が必要なためinc/head.php側は維持しつつ、
 * ここでは非Tailwindのプレーンなカスタムclass（components.css/pages/*.css）が
 * 参照する共通の正としてCSS変数を定義する。
 */
:root {
    --brand-dark: #11231A;
    --brand-fuka: #1B3B2B;
    --brand-leaf: #2D553E;
    --brand-moss: #4A7A5D;
    --brand-soft: #79A087;
    --brand-tint: #EEF3EF;
    --brand-bg: #F6F7F4;
    --brand-card: #FFFFFF;
    --brand-accent: #D95D39;
    --brand-accent-hover: #C04D2B;
    --brand-charcoal: #202422;
    --brand-muted: #5C635F;
    --brand-border: #DCE3DD;
}