/**
 * 設計トークン（純 CSS ブロック用）。
 * - forms / legal / article / about のセレクタから var() で参照する。
 * - Tailwind の brand 色は assets/js/tailwind-config.js が担当（意図的に二重定義しない）。
 */
:root {
    --chl-navy: #0A1128;
    --chl-blue: #15326B;
    --chl-light: #F4F6F9;
    --chl-line: #E2E8F0;
    --chl-body-text: #1a202c;
    --chl-slate-600: #475569;
    --chl-slate-700: #334155;
    --chl-error: #DC2626;
    --chl-success: #16a34a;
    --chl-bg-page: #ffffff;
    --chl-bg-muted: #f8fafc;
    --chl-grid-line: #f1f5f9;
}