/* =============================================================
   HANNARI 採用LP v2 ｜ tokens.css
   参考：Tabio「靴下マニアのファッションスクラップ」的なエディトリアル。
   平らな色面 × 巨大な文字 × 縦書きの短いタグ。文字は読ませず、感じさせる。
   ============================================================= */
:root{
  /* --- 色：和の生成りを地に、墨・弁柄・青磁・金茶で面を切る --- */
  --c-cream:   #f4efe3;   /* 生成り（基調） */
  --c-cream-2: #ebe3d2;
  --c-ink:     #23201b;   /* 墨 */
  --c-ink-2:   #3a342b;
  --c-clay:    #b0604a;   /* 弁柄（赤茶）＝一番強いアクセント */
  --c-sage:    #7e8a6d;   /* 青磁がかった緑 */
  --c-gold:    #c19a58;   /* 金茶 */
  --c-gold-l:  #e8d3a5;

  --c-body:    #4a4239;   /* 本文 */
  --c-mute:    #8b8171;
  --c-line:    #d9cfba;

  --c-on-dark: #f7f2e7;

  /* --- 文字 --- */
  --ff-disp:  'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  --ff-mincho:'Shippori Mincho B1','Noto Serif JP',serif;
  --ff-body:  'Noto Sans JP',system-ui,-apple-system,sans-serif;
  --ff-en:    'Oswald','Zen Kaku Gothic New',sans-serif;

  /* 巨大文字（読ませない・面として見せる） */
  --fs-mega: clamp(54px, 20vw, 104px);
  --fs-huge: clamp(40px, 13.5vw, 68px);
  --fs-h:    clamp(28px, 8.6vw, 42px);
  --fs-lead: clamp(15px, 4.2vw, 17px);
  --fs-body: 14px;
  --fs-sm:   12px;
  --fs-xs:   10.5px;

  /* --- 余白 --- */
  --sp-gut: 22px;
  --sp-sec: clamp(64px, 16vw, 96px);
  --w-col:  480px;
  --bar-h:  60px;

  --ease: cubic-bezier(.22,.61,.36,1);
}