/* キャンプイベント LP — ブランドカラー・ユーティリティ（ビルド不要） */
:root {
  --color-cream: #f7f4ed;
  --color-cream-paper: #fffdf8;
  --color-forest: #3d6b4f;
  --color-forest-dark: #2d5a3d;
  --color-forest-soft: #e4efe6;
  --color-sky: #4a7c9b;
  --color-warm: #c97843;
  --color-ink: #1f2a24;
  --color-ink-2: #4a5c52;
  --color-ink-3: #7a8f84;
  --color-line: #d4ddd6;
  --shadow-stamp: 4px 4px 0 #3d6b4f;
}

.font-sans { font-family: "Noto Sans JP", sans-serif; }

.bg-cream { background-color: var(--color-cream); }
.bg-cream-paper { background-color: var(--color-cream-paper); }
.bg-forest { background-color: var(--color-forest); }
.bg-forest-dark { background-color: var(--color-forest-dark); }
.bg-forest-soft { background-color: var(--color-forest-soft); }

.text-ink { color: var(--color-ink); }
.text-ink-2 { color: var(--color-ink-2); }
.text-ink-3 { color: var(--color-ink-3); }
.text-forest { color: var(--color-forest); }
.text-forest-dark { color: var(--color-forest-dark); }
.text-sky { color: var(--color-sky); }
.text-cream { color: var(--color-cream); }
.text-cream\/80 { color: color-mix(in srgb, var(--color-cream) 80%, transparent); }

.border-line { border-color: var(--color-line); }
.border-line\/60 { border-color: color-mix(in srgb, var(--color-line) 60%, transparent); }
.border-forest { border-color: var(--color-forest); }

.shadow-stamp { box-shadow: var(--shadow-stamp); }

.bg-cream\/90 { background-color: color-mix(in srgb, var(--color-cream) 90%, transparent); }