:root{
/* ---- 基本色：ブランドマークから実測 ---- */
--fk-navy-900:#08182a;
--fk-navy-800:#0b2035;
--fk-navy:#0f2940;        /* ふくち。ネイビー（ワードマーク実測） */
--fk-navy-ink:#0f2a47;    /* 「福祉施設の119番」ロゴ内部のみ。ふくち。UIでは使わない */
--fk-navy-600:#1b3f61;
--fk-navy-400:#3d6285;
--fk-navy-200:#8ba2b8;
--fk-navy-100:#d3dde6;
--fk-navy-050:#eef3f7;

--fk-terracotta:#c66b3d;  /* ふくち。オレンジ（ロゴの軌道と点） */
--fk-terracotta-700:#a4552d;
--fk-terracotta-300:#e0a684;
--fk-terracotta-100:#f4e2d7;
--fk-terracotta-050:#faf1ea;

--fk-orange:#e2733b;      /* 「福祉施設の119番」ロゴ内部のみ。ふくち。UIでは使わない */
--fk-teal:#21708e;        /* リサーチ／英字キャプションのティール */
--fk-teal-700:#195a73;
--fk-teal-100:#dbe9ef;

/* ---- ニュートラル：温かみのある紙色ベース ---- */
--fk-paper:#fbf9f6;       /* 既定の背景（純白ではない） */
--fk-paper-2:#f5f1ec;     /* 一段沈んだ面 */
--fk-white:#ffffff;
--fk-grey-700:#3a3a3a;    /* ロゴ副題の濃グレー */
--fk-grey-500:#6b6b6b;    /* FUKUCHI GROUP のグレー */
--fk-grey-300:#b8b3ad; /* 罫線・区切り専用。文字色に使わない（紙色比 1.98） */
--fk-grey-200:#ddd8d1;
--fk-grey-100:#ece8e2;
--fk-black:#1a1a1a;

/* ---- セマンティック：状態 ---- */
--fk-success:#2f7d5d;
--fk-warning:#c98a24;
--fk-danger:#b03a2e;
--fk-info:var(--fk-teal);

/* ---- セマンティックエイリアス ---- */
--text-strong:var(--fk-navy);
--text-body:#2c3843;
--text-muted:var(--fk-grey-500);
--text-on-dark:#f2f5f8;
--text-on-dark-muted:#a9bccd;
--text-accent:var(--fk-terracotta-700);
--text-link:var(--fk-teal);
--text-link-hover:var(--fk-terracotta-700);

--surface-page:var(--fk-paper);
--surface-card:var(--fk-white);
--surface-sunken:var(--fk-paper-2);
--surface-inverse:var(--fk-navy);
--surface-inverse-2:var(--fk-navy-900);
--surface-accent-soft:var(--fk-terracotta-050);
--surface-teal-soft:var(--fk-teal-100);

--border-hairline:#e4ded6;
--border-default:var(--fk-grey-200);
--border-strong:var(--fk-navy-100);
--border-inverse:rgba(255,255,255,.18);

--accent-primary:var(--fk-terracotta);
/* 白文字を載せる面（ボタン等）は必ず -700。#c66b3d は白文字比 3.77 で基準未達 */
--accent-primary-solid:var(--fk-terracotta-700);
--accent-secondary:var(--fk-teal);
--focus-ring:var(--fk-terracotta-700);
}