/* skins/atatakai.css  Warm Boutique(あたたか) / 店舗・教室
   出典: v2-02(task 2625)のトークン案を v2-01 規約(doc_id=83 1-2)の変数名に正規化
   世界観: 木漏れ日の差す小さな路面店。焼き立てのパンと木の匂い、店主の手書きのメニュー。
   角丸は大きめ・影は柔らかく暖色寄りに拡散させ、「急かさず迎え入れる」体験にする。
   v2-06(task 2782): 装飾変数と完了メッセージのマイクロコピーを追加。JSからは
   getComputedStyle(html) で --copy-* を読み、引用符を外して使う(index.html の cssVar() 参照)。 */
:root{
  --bg:#FBF4EC; --surface:#FFFFFF; --surface-2:#F7EEE3; --border:#E9D7BE;
  --text:#3B2E22; --text-muted:#7C6756;
  --accent:#AD6232; --accent-text:#FFFFFF;
  --ok:#5B8C5A; --warn:#D6A428; --danger:#C0503A; --info:#E8A26B;
  --font:'M PLUS Rounded 1c',sans-serif,system-ui,sans-serif; --font-num:ui-monospace,"SFMono-Regular",Menlo,monospace;
  --font-size:15px; --line-height:1.7; --font-weight-bold:700;
  --fs-sm:13px; --fs-lg:21px;
  --sp-1:4px; --sp-2:8px; --sp-3:14px; --sp-4:22px; --sp-5:35px;
  --radius-sm:8px; --radius:14px; --radius-pill:999px;
  --shadow-1:0 1px 3px rgba(90,60,20,.08); --shadow-2:0 6px 16px rgba(90,60,20,.12);
  --control-h:44px; --table-row-h:44px;

  /* 装飾変数(このテーマ固有。他スキンに無くても var() の第2引数で安全に無視される) */
  --radius-outer:22px;
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.65);
  --deco-motif:"🌿";

  /* マイクロコピー(CSS変数に文字列として保持し、JS側で getComputedStyle して使う) */
  --copy-done-title:"ご来店、心よりお待ちしております";
  --copy-done-note:"あたたかな時間をご用意して、あなたのお越しをお待ちしています。";
  --copy-cta:"この内容でお店に伝える";
  --copy-step-cta:"つぎへ";
}