/* 色・変数・フォント宣言 */

:root {
  --bg: #2a1a12;
  --fg: #f5f5f5;
  --muted: #b9b9b9;
  --accent: #c0864f;
  --container: min(1100px, 92vw);
  --slider-max: 1000px;

  /* brick colors */
  --brick: #28150b;
  --mortar: #3d3326;

  /* nav height */
  --nav-h: 56px;

  --font-serif: "DMSerifDisplay", "ZenOldMincho", serif;
}

/* fonts */
@font-face {
  font-family: "DMSerifDisplay";
  src: url("./fonts/DMSerifDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ZenOldMincho";
  src: url("./fonts/ZenOldMincho-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* セクション見出し共通（ABOUT, MENU, NEWS など） */
.section-title,
h1,
h2,
h3 {
  font-family: var(--font-serif); /* 統一 */
  font-weight: 400; /* 700を使わない＝フォールバック防止 */
  letter-spacing: 0.06em;
  line-height: 1.25;
}

/* 大きさは clamp で統一（必要なら数値だけ調整） */
.section-title,
h2.section-title {
  font-size: clamp(28px, 4.2vw, 48px);
}