:root{
  --ink:#1d252c;          /* 本文色 */
  --accent:#b9895a;       /* アクセント（バーバー木目/真鍮イメージ） */
  --accent-2:#0f4c5c;     /* 深いグリーン（レトロ理容室カラー） */
  --paper:#fffaf2;        /* アイボリー */
}
html,body{
  color:var(--ink);
  background:#ffffff;
}
.serif{font-family:'Playfair Display', ui-serif, Georgia, serif}
.jp{font-family:'Noto Sans JP', system-ui, -apple-system, Segoe UI, Roboto, sans-serif}
.section{scroll-margin-top:96px}
.menu-card:hover{transform:translateY(-4px);}
.card{border-radius:1.25rem; box-shadow:0 10px 24px rgba(0,0,0,.08)}

/* 追加のレスポンシブ微調整（任意） */
@media (max-width: 640px){
  /* ヒーロー画像の高さを少し下げる */
  #home img{height:300px !important;}
  /* モバイル時のフッター列間余白 */
  footer .grid{gap:1.25rem;}
}