/* ============================================================
ブランド層 ── 案件ごとに差し替えるのはこのファイルだけ
株式会社こころ / 四つ葉のクローバー（緑2枚＋ローズピンク2枚）
色の出どころ：支給されたロゴ「こころロゴ決定.ai」（Illustrator / CMYK）
ファイルに埋め込まれた ICC プロファイル（Japan Color 2001 Coated）で
sRGB に変換した値。2026-08-24 確定。
緑 C48 M2 Y67 K0 → #95C776
ピンク C9 M52 Y29 K0 → #E39698
文字 K90 → #484443
★重要：ロゴの色はそのままではUIに使えない。
#95C776 に白文字を載せると 1.96:1、#E39698 を本文色にすると 2.13:1 で、
いずれも WCAG の 4.5:1 を大きく下回る。
そこで「ロゴの色（マーク用）」と「濃い版（文字・ボタン用）」を分けている。
マークだけがロゴの色をそのまま使い、UIは -deep 系を使う。
============================================================ */
:root {
/* --- ロゴの色。マーク（クローバー）専用。文字やボタンには使わない --- */
--brand-primary: #95c776; /* ロゴの緑 */
--brand-accent: #e39698; /* ロゴのローズピンク */
/* --- UI用の濃い版。白文字4.5:1・紙背景4.5:1 を満たす --- */
--brand-primary-deep: #4f7c33; /* 白文字 4.93:1 / 紙背景 4.54:1 */
--brand-primary-deep-hover: #42682a; /* 白文字 6.47:1 */
--brand-accent-deep: #b75053; /* 白文字 4.90:1 / 紙背景 4.52:1 */
--brand-accent-deep-hover: #a64447; /* 白文字 5.93:1 */
/* --- 淡い背景 --- */
--brand-primary-light: #6a9a4a; /* 緑の中間調 */
--brand-primary-pale: #dee8ca;
--brand-accent-light: #cf7a7d;
--brand-accent-pale: #faf1f2;
/* --- 電話ボタン。ロゴにない色なので、参考テンプレート由来の橙を踏襲。
ただし元の #f05a0a は白文字 3.40:1 で不足していたため濃くした --- */
--brand-cta: #cd4d09; /* 白文字 4.51:1 */
--brand-cta-light: #b44408; /* 白文字 5.57:1 */
/* --- ベース --- */
--brand-paper: #fbf5eb; /* ベースのクリーム */
--brand-white: #ffffff;
--brand-ink: #252119; /* 本文。紙背景に 14.78:1 */
--brand-ink-sub: #6f6d6e;
--brand-border: #d8d2c6;
--brand-border-strong: #c7c2b6;
--brand-gray-pale: #f3f1ec;
--brand-error: #d82c28;
/* --- 装飾用のクローバー --- */
/* 支給ロゴの大きいほうのクローバーを書き出したもの。
セクションの背景に大きく薄く敷いて、やわらかい印象をつくる。
-shape は白一色（CSSのmask用・色は使う側が決める）、
-tinted / -tinted-alt は色を焼き込んだもの（背景画像としてそのまま使う）。
次の案件は、このデータURIを差し替えれば装飾の形も変わる。 */
--brand-deco-shape: url("data:image/svg+xml,");
--brand-deco-tinted: url("data:image/svg+xml,");
--brand-deco-tinted-on-green: url("data:image/svg+xml,");
--brand-deco-tinted-alt: url("data:image/svg+xml,");
/* --- 書体 --- */
--brand-font-base: 'Zen Kaku Gothic New', 'Lato', system-ui, sans-serif;
--brand-font-body: 'Noto Sans JP', 'Lato', system-ui, sans-serif;
--brand-font-heading: 'Zen Maru Gothic', 'Lato', system-ui, sans-serif;
--brand-font-en: 'Lato', 'Zen Kaku Gothic New', system-ui, sans-serif;
/* --- 角丸 --- */
--brand-radius-card: 12px;
--brand-radius-button: 4px;
--brand-radius-large: 10px;
--brand-radius-pill: 999px;
/* --- 影 --- */
--brand-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
--brand-shadow-soft: 0 2px 4px rgba(0, 0, 0, 0.06);
/* --- モーション --- */
--brand-transition: 0.3s;
}