/* =====================================================================
   00 Tokens — 色・形・書体の共通変数
   - theme.json のパレットと同じ色は preset 変数を参照（色の正は theme.json）
   - それ以外の拡張色はここで定義。新しい色を足すときはまずここに追加する
   ===================================================================== */
:root{
	/* brand（theme.json preset と同値） */
	--ef-navy: var(--wp--preset--color--ef-navy, #0A192F);
	--ef-cyan: var(--wp--preset--color--ef-cyan, #0284C7);
	--ef-cyan-light: var(--wp--preset--color--ef-cyan-light, #38BDF8);
	--ef-amber: var(--wp--preset--color--ef-amber, #D97706);
	--ef-tint: var(--wp--preset--color--ef-tint, #F8FAFC);
	--ef-line: var(--wp--preset--color--ef-line, #E2E8F0);
	--ef-brand-navy: var(--wp--preset--color--brand-navy, #1B2A4A);
	--ef-red: var(--wp--preset--color--error, #DC2626);
	--ef-white: #fff;

	/* navy / ink */
	--ef-navy-2: #0F2444;
	--ef-ink: #0F172A;

	/* cyan scale（水色＝EASY Forensics・お問い合わせ） */
	--ef-cyan-50: #F0F9FF;
	--ef-cyan-100: #E0F2FE;
	--ef-cyan-200: #BAE6FD;
	--ef-cyan-500: #0EA5E9;
	--ef-cyan-700: #0369A1;
	--ef-cyan-800: #075985;

	/* neutral（本文・補足・罫線） */
	--ef-slate-300: #CBD5E1;
	--ef-slate-500: #64748B;
	--ef-slate-600: #475569;
	--ef-muted: #5B6472;
	--ef-line-soft: #e6e8ec;
	--ef-tint-soft: #f6f8fb;
	--ef-border: #dfe3ea;

	/* accent */
	--ef-gold: #9c7a2e;
	--ef-amber-700: #B45309;   /* 資料ダウンロード hover */
	--ef-red-700: #B91C1C;     /* 緊急 hover */
	--ef-red-50: #FEE2E2;
	--ef-green: #059669;      /* 正常・完了（フロー図の確認マーク、チェック結果「平時」） */

	/* shape */
	--ef-radius: 6px;
	--ef-shadow: 0 1px 2px rgba(16,24,40,.06);
	--ef-shadow-hover: 0 6px 18px rgba(27,42,74,.10);

	/* type */
	--ef-font-sans: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	--ef-font-num: Arial,Helvetica,"Noto Sans JP",sans-serif;
}