/* atri.beauty｜tokens.css（色・書体・余白）
   見た目の正本＝renewal_2026-11/mockup/mockup_05b.html（スマホ）・mockup_05b_pc.html（PC）＝案5B（2026-11-03 岩田さん決定）
   黒と白だけで組む。差し色は LINE の緑だけ（白文字で 4.5:1 以上になる #00873C）
   英数字＝Jost（案5の英数字が太すぎたので B＝Jost に変えた）／日本語＝Noto Sans JP */
:root {
  --w: #FFFFFF;
  --k: #0B0B0B;
  --g: #6E6E6E;        /* 白地の補足（5.1:1） */
  --g2: #BDBDBD;       /* 黒地の補足（10.6:1） */
  --g3: #444444;       /* 白地の説明文 */
  --rule: #E2E2E2;
  --dk-rule: #2A2A2A;
  --line-g: #00873C;
  --paper: #F4F4F4;    /* 下層ページの帯 */
  /* 2026-11-07 岩田さん「全体が黒一色なので、境目がわからない。アクセントカラーも追加して全体入れ直し」
     差し色は1つだけ。ボタンには使わない（黒白と LINE の緑のまま＝押す所をぼかさない）。白地の文字・白文字とも 4.5:1 以上の濃さ */
  --ac: #23407A;       /* ネイビー（白文字 10.1:1）。2026-11-07 岩田さん「青」＝3案（A テラコッタ #B0492F／B ローズ #B23A5B／C ネイビー）から C */
  --ac-ink: #FFFFFF;   /* 差し色の上の文字 */
  --ac-soft: #ECF0F7;  /* 差し色のごく薄い地 */

  --jp: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --en: "Jost", "Noto Sans JP", sans-serif;

  --gut: clamp(20px, 4.4vw, 64px);   /* 左右の余白 */
  --max: 1440px;
  --read: 42em;                       /* 文章の行の長さ */
  --head-h: 72px;
  --bar-h: 64px;                      /* スマホの下の固定ボタン */
}
@media (max-width: 1000px) {
  :root { --head-h: 60px; }
}