/* 色・余白・タイポ変数（緑系） */
:root {
    /* グリーン系 */
    --c-green: #1d5d3a;
    --c-green-dark: #0e3d27;
    --c-green-mid: #225e3c;
    --c-emerald: #2faa6b;
    --c-emerald-light: #3eb489;
    --c-sage: #c6dccb;

    /* アクセント */
    --c-gold: #c9a13a;
    --c-gold-soft: #e0c477;
    --c-coral: #e07a5f;

    /* ニュートラル */
    --c-bg: #fafbf9;
    --c-bg-sand: #f5f2e8;
    --c-bg-soft: #eef3ee;
    --c-text: #15321f;
    --c-text-mute: #5a6b60;
    --c-border: #cfd9d2;
    --c-white: #ffffff;
    --c-dark: #0a1f12;

    /* 仁王・装飾 */
    --c-niou-red: #b13a2e;  /* 仁王像モチーフのアクセント極少量 */

    /* ステート */
    --c-success: #1e8a5a;
    --c-warn: #c98a1d;
    --c-error: #a3221f;

    /* タイポ */
    --ff-jp: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
    --ff-en: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --ff-display: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;

    /* スケール */
    --fs-12: 0.75rem;
    --fs-13: 0.8125rem;
    --fs-14: 0.875rem;
    --fs-15: 0.9375rem;
    --fs-16: 1rem;
    --fs-18: 1.125rem;
    --fs-20: 1.25rem;
    --fs-22: 1.375rem;
    --fs-24: 1.5rem;
    --fs-28: 1.75rem;
    --fs-32: 2rem;
    --fs-36: 2.25rem;
    --fs-44: 2.75rem;
    --fs-56: 3.5rem;
    --fs-72: 4.5rem;

    /* スペーシング */
    --sp-2: 2px;
    --sp-4: 4px;
    --sp-8: 8px;
    --sp-12: 12px;
    --sp-16: 16px;
    --sp-20: 20px;
    --sp-24: 24px;
    --sp-32: 32px;
    --sp-40: 40px;
    --sp-48: 48px;
    --sp-64: 64px;
    --sp-80: 80px;
    --sp-96: 96px;
    --sp-120: 120px;

    /* 角丸 */
    --r-4: 4px;
    --r-8: 8px;
    --r-12: 12px;
    --r-16: 16px;
    --r-24: 24px;
    --r-full: 999px;

    /* 影 */
    --sh-sm: 0 2px 8px rgba(14, 61, 39, 0.06);
    --sh-md: 0 8px 24px rgba(14, 61, 39, 0.10);
    --sh-lg: 0 16px 48px rgba(14, 61, 39, 0.14);
    --sh-xl: 0 24px 64px rgba(14, 61, 39, 0.18);

    /* レイアウト */
    --wrap-max: 1200px;
    --wrap-narrow: 880px;
    --gutter: clamp(16px, 4vw, 32px);
    --header-h: 80px;
}

@media (max-width: 768px) {
    :root {
        --header-h: 64px;
    }
}