/*
  tokens.css — 士業DX診断LP（A案: 白×墨、黄は差し色）
  案件ごとに書き換える変数だけをここに置く。CONVENTIONS.md §3-1 参照。
  色は tec2bear.com のCSS変数実測（黄 #FFEA00／赤 #EF4938／青 #12AFE4）とカンプA案から。
*/
.lp-root{
  /* ===== 幅 ===== */
  --lp-w:1000px;
  --lp-sp-base:375;

  /* ===== 色（役割名） ===== */
  --lp-bg:#F3F3F0;        /* 地（紙）。交互セクションの淡い地 */
  --lp-white:#FFFFFF;     /* 白地セクション・カード */
  --lp-ink:#0B0B0B;       /* 墨（見出し・本文） */
  --lp-ink-2:#4A4A48;     /* 本文・ラベル */
  --lp-ink-3:#8A8A86;     /* 注記・キャプション */
  --lp-key:#FFEA00;       /* キーカラー。CTA塗り・数字・見出し下線のみ */
  --lp-dark:#0F1B2D;      /* 濃い面（数字帯・最終CTA）。墨〜深いネイビー */
  --lp-dark-2:#1B2A40;    /* 濃い面上のカード */
  --lp-red:#EF4938;       /* 差し色（少量: ×印・必須） */
  --lp-blue:#12AFE4;      /* 差し色（少量: 進捗の完了点・リンク） */
  --lp-card:#FFFFFF;
  --lp-line:#DDDDD8;      /* カード枠線 */
  --lp-line-2:#C8C8C2;    /* 表の罫線 */
  --lp-tint:#E9E9E4;      /* 淡いタグ地 */

  /* ===== 角丸 ===== */
  --lp-r-s:8px;   /* ボタン */
  --lp-r-m:12px;  /* カード */
  --lp-r-l:16px;  /* 大きいカード・モニター */

  /* ===== 文字段階（PC実装px） ===== */
  --lp-fs-12:12px;
  --lp-fs-14:14px;
  --lp-fs-16:16px;
  --lp-fs-18:18px;
  --lp-fs-22:22px;
  --lp-fs-28:28px;
  --lp-fs-34:34px;

  /* ===== フォント ===== */
  --lp-font:"Noto Sans JP","Noto Sans CJK JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
}