/* ============================================================
   ke'o ke'o 見た目の決まり（新#09・2026-10-17）
   - 元：全体モックアップ v3 の明るい表示の値（10/17 夜 狩場さん決定・ゆんさんが字・色・形を好評・運#65）。値はこのまま使う（1 字も変えない）
   - 使う画面：⑤ 確定の画面（confirm.html）。N12 の受付フォーム（4 段）でもこのファイルを使う前提（docs/order_flow_2027/design.md の「見た目の決まり」）
   - ホームページ（web/）と今の受付フォーム（styles.css）の見た目には合わせない。styles.css とは名前がぶつからないよう、変数は --kk- で始める
   - 明るい表示だけ（スマホの暗い表示の設定でも切り替えない）。prefers-color-scheme: dark の分岐は書かない
   - 字（新#10・10/17 夜 狩場さん決定）：Google Fonts は使わない（外へ出さない）。
       見出し：Zen Maru Gothic 700 を、見出しの字を使う所の文に出てくる字だけに絞った woff2 にして form/fonts/ に置き、下の @font-face で同じ所から読む
              （作り方：scripts/fonts/subset_heading_font.mjs・字の元は google/fonts の ofl/zenmarugothic・Version 1.001・SIL OFL 1.1＝fonts/OFL.txt）。
              読み込めない字・読めないときは Hiragino Maru Gothic ProN・Hiragino Sans・Yu Gothic に落ちる
       本文：端末の角ゴ（Noto Sans JP が入っていれば Noto Sans JP・iPhone は Hiragino Sans・Windows は Yu Gothic UI）。丸ゴは本文の並びに入れない
   ============================================================ */
@font-face{
  font-family:"KK Zen Maru Gothic";
  src:url("fonts/ZenMaruGothic-Bold.kk-subset.woff2?v=872e3a58") format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
:root{
  /* 明るい表示だけ（only＝スマホのブラウザが自動で暗くするのも止める） */
  color-scheme: only light;

  /* 色 */
  --kk-bg:#f6f8f7;            /* 背景 */
  --kk-card:#ffffff;          /* カード */
  --kk-ink:#1f2a2c;           /* 文字 */
  --kk-sub:#5d6b6e;           /* うすい文字 */
  --kk-line:#d8e0df;          /* 線 */
  --kk-primary:#1f6f78;       /* 主の色 */
  --kk-primary-soft:#e2f0f0;  /* 主のうすい色 */
  --kk-warn:#b4561a;          /* 注意 */
  --kk-warn-soft:#fbeee4;     /* 注意のうすい色 */
  --kk-ok:#1d7a46;            /* よい */
  --kk-ok-soft:#e2f3e8;       /* よいのうすい色 */
  --kk-line-green:#06c755;    /* LINE の緑 */
  --kk-on-line-green:#ffffff; /* LINE の緑の上の文字（白） */
  /* 押せないボタン（新#09 で決めた・上の色の中から選ぶ）：地は線の色・文字はうすい文字 */
  --kk-disabled-bg:var(--kk-line);
  --kk-disabled-ink:var(--kk-sub);

  /* 字 */
  --kk-font-head:"KK Zen Maru Gothic","Hiragino Maru Gothic ProN","Hiragino Sans","Yu Gothic",sans-serif; /* 見出し（700・絞った字＝上の @font-face） */
  --kk-font-body:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif; /* 本文（端末の角ゴ・400・500・700） */
  --kk-fs-body:15px;          /* 本文の大きさ */
  --kk-lh-body:1.7;           /* 本文の行の高さ */
  --kk-fs-input:16px;         /* 入力欄の字（16px より小さいと iPhone が入力のときに拡大する） */

  /* 形 */
  --kk-r-card:14px;           /* カードの角（12〜14px） */
  --kk-r-card-sm:12px;        /* 小さなカード・お知らせの角 */
  --kk-r-input:8px;           /* 入力欄の角 */
  --kk-r-btn:9px;             /* ボタンの角 */
  --kk-r-chip:999px;          /* チップ（丸） */
  --kk-bw:1.3px;              /* 入力欄とチップの線の太さ */
  --kk-progress-h:4px;        /* 進み具合の線の高さ（4 つに分けた細い線・済んだ所が主の色・残りは線の色） */
}