/* === BASE.CSS: 全案共通 === */
/* preview-08.html の配色・変数を基準とする */

:root {
  --bp-sm: 320px;
  --bp-md: 768px;
  --bp-lg: 1280px;

  /* preview-08 から抽出した配色変数 */
  --color-bg: #f8f2e6;
  --color-surface: #efe7d4;
  --color-ink: #2c1f0e;
  --color-mid: #7a5c3a;
  --color-accent: #4a7c59;

  /* タイポグラフィスケール */
  --text-xs: 0.65rem;
  --text-sm: 0.75rem;
  --text-base: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --text-3xl: 2.5rem;

  /* 余白スケール */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-bg);
  color: var(--color-ink);
  line-height: 1.7;
}

img, video {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: var(--color-accent);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

ul, ol {
  list-style: none;
}