:root {
  /* カラー（差し替え用） */
  --color-text: #212121;
  --color-text-muted: #5e5e5e;
  --color-text-light: #b7b7b7;
  --color-bg: #ffffff;
  --color-bg-dark: #212121;
  --color-bg-gray: #f0f0f0;
  --color-accent-yellow: #ffea94;
  --color-accent-gray: #b7b7b7;
  --color-btn-text: #efefef;
  --color-border: #212121;

  /* レイアウト */
  --inner-padding-sp: 5%;
  --inner-padding-pc: 10%;
  --content-max-width: 1200px;
  --header-height-sp: 50px;
  --header-height-pc: 60px;

  /* タイポグラフィ */
  --font-base: Helvetica, Arial, 'Noto Sans JP', sans-serif;
  --font-serif: 'Times New Roman', Times, serif;
  --font-size-sp: 13px;
  --font-size-pc: clamp(14px, 1.25vw, 18px);
  --line-height-sp: 1.6;
  --line-height-pc: 1.8;
  --letter-spacing-en: -0.03em;

  /* ボタン */
  --btn-min-height: 50px;
  --btn-max-width: 200px;

  /* トランジション */
  --transition-base: 0.3s ease;

  /* z-index */
  --z-header: 1000;
  --z-overlay: 900;
  --z-mobile-nav: 950;
}