/* 割烹堀江 — design tokens（PUBLIC / PRIVATE 共通） */
:root{
  /* color */
  --white:#FFFFFF;
  --kinari:#F4F1E9;
  --kinari-2:#ECE7DB;
  --sumi:#171717;
  --yami:#000000;            /* トップの黒ベース（墨より深い） */
  --gray:#D8D5CE;
  --shu:#A52A1F;             /* 落款の朱：一点だけ */
  --on-dark:#EEEAE0;
  --on-dark-mute:rgba(238,234,224,.58);
  --line-dark:rgba(238,234,224,.14);
  --on-light:#171717;
  --on-light-mute:rgba(23,23,23,.58);
  --line-light:rgba(23,23,23,.14);

  /* typography */
  --mincho:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;
  --gothic:"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;
  --en:"Cormorant Garamond","Times New Roman",serif;
  --fs-xs:11px;
  --fs-s:13px;
  --fs-body:clamp(15px,1.05vw + 9px,17px);
  --fs-l:clamp(19px,1.4vw + 12px,24px);
  --fs-xl:clamp(26px,2.6vw + 14px,42px);
  --fs-xxl:clamp(40px,5vw + 16px,76px);
  --lh-body:2.15;
  --ls-body:.08em;
  --ls-wide:.28em;

  /* spacing */
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:104px; --s7:168px;
  --section:clamp(112px,16vw,220px);
  --gutter:clamp(20px,5vw,72px);

  /* width */
  --w-text:30em;
  --w-read:40em;
  --w-wide:1240px;

  /* border */
  --hair:1px solid var(--line-dark);
  --radius:0;

  /* motion（静かに、ゆっくり） */
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur:1.6s;
  --dur-long:2.8s;
}
@media (prefers-reduced-motion:reduce){
  :root{--dur:.01s;--dur-long:.01s}
}

/* 数字はすべて高さのそろった「ライニング数字」に（Cormorant の既定はでこぼこのオールドスタイル数字） */
html,body,*{font-variant-numeric:lining-nums}