/* ==========================================================================
   KaitoriAI シリーズ 共通テーマ（値の正本）

   対象は KaitoriAI シリーズの3本だけ（reuse / kaitoriai / kaitoriai-call）。
   callingai・shigyoai は「案件ごとに固有のデザイン」規則のままなので読み込まない。

   方向: 白地・主色は青1色・書体はゴシック。
   根拠は ../../reiziproduction-business-strategy/40_growth/reuse-web-plan.md §8（決定 D-011）。
   店長が「リユース AI」で検索したときに並ぶ画面（rdxjapan.com / lp.reuseai.jp /
   idx.jp/aifactory/list/reuse/）と同じ文法で作り、同じ土俵の事業者に見せる。

   配布: このファイルが正本。各 LP は `node scripts/sync-theme.mjs` が書き出した
   `<lp-name>/theme.css` を読む（LP ごとにコピーを持つのは、nginx が LP ディレクトリを
   alias で配る構成のため。共有パスを1本足すと3本が同時に落ちる）。
   同じ値を KaitoriAI_marketing/sns/assets/card-theme.css も持つ。
   一致は `node scripts/check-theme-parity.cjs` が検査する。

   ここで役割を増やすときは、先に各 LP の DESIGN.md へ役割を書く。
   ========================================================================== */

:root {
  /* ---- 地（白）。ページの既定はここ ---- */
  --paper: #ffffff;
  --paper-warm: #f5f7fa;
  --paper-deep: #e9eef5;
  --paper-line: rgba(22, 32, 46, 0.12);

  /* ---- 暗面（紺）。夜のセクション・電話機モックの外枠だけ。面で多用しない ---- */
  --ink: #0f1b2d;
  --ink-deep: #0a1320;
  --ink-soft: #17273e;
  --ink-line: rgba(143, 182, 238, 0.16);

  /* ---- 主色（青1色）。図形・罫線・CTA・強調 ---- */
  --accent: #1257c4;        /* 白地で 6.59:1。文字にも使える */
  --accent-strong: #0b4ba8; /* 白地で 8.12:1。hover と濃い文字 */
  --accent-soft: #e7effb;   /* 面の淡い塗り。文字を載せない */
  --accent-on-dark: #8fb6ee;/* 紺地で 8.31:1 */
  --accent-dim: rgba(18, 87, 196, 0.28);

  /* ---- 文字 ---- */
  --text-on-paper: #16202e;      /* 白地で 16.40:1 */
  --text-on-paper-sub: #4a5668;  /* 白地で 7.44:1、--paper-warm で 6.93:1 */
  --text-on-dark: #eef3fa;       /* 紺地で 15.50:1 */
  --text-on-dark-sub: rgba(238, 243, 250, 0.74);

  /* ---- 意味色: 稼働中・成功。ブランド色にしない ---- */
  --ok: #0f7a3d;      /* 図形・チップの地（3:1 で足りる用途） */
  --ok-ink: #0b6633;  /* 白地に載る文字は必ずこちら。6.60〜7.09:1 */

  /* ---- 意味色: 注意 ---- */
  --danger: #c0392b;      /* 図形専用 */
  --danger-ink: #a8321f;  /* 白地で 6.69:1。文字は必ずこちら */

  /* ---- LINE のチャット UI の色。チャット UI の中だけで使う ----
     ブランド色として面・CTA・見出しに使わない（LINEヤフー商標ガイドライン、
     および「緑は意味色」の規律。--ok と混同しない） */
  --line-green: #06c755;
  --line-bubble: #86e36c;
  --chat-bg: #dfe6ee;

  /* ---- 書体。シリーズは見出しも本文もゴシック ----
     和文グリフを持たない欧文専用書体を単独指定しない
     （.agents/rules/lp-typography-ja.md） */
  --font-display: "Zen Kaku Gothic New", "Yu Gothic UI", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-body: "Zen Kaku Gothic New", "Yu Gothic UI", "Hiragino Kaku Gothic ProN", sans-serif;

  /* ---- 形 ---- */
  --shadow-card: 0 16px 44px rgba(15, 27, 45, 0.10);
  --shadow-phone: 0 34px 80px rgba(10, 19, 32, 0.30);
  --radius-lg: 16px;
  --radius-md: 10px;
  --max-width: 1120px;

  /* ---- 和文タイポスケール。root 16px 前提の rem。px 固定しない ----
     下限は .agents/rules/lp-typography-ja.md（本文16px / 注記15px / ラベル14px） */
  --fs-label: 0.875rem;
  --fs-cap: 0.9375rem;
  --fs-body: 1rem;
  --fs-read: 1.0625rem;
  --fs-card: 1.125rem;
  --fs-lead: 1.1875rem;
}
