/*
 * CSS変数定義（方針書 原則2）
 * デザイン変更の一元化ポイント。きらくにコンサルティング コーポレートサイト。
 * モックで確定した値を --kc- 名前空間で管理する。
 */
:root {
    /* ===== カラー：ベース ===== */
    --kc-base: #F6F7F8;        /* ページ背景（中立〜ごく僅か寒色） */
    --kc-surface: #FFFFFF;     /* カード・面の白 */
    --kc-ink: #2B2B2D;         /* 標準テキスト（ほぼ黒） */
    --kc-ink-soft: #696A6D;    /* 本文標準のグレー */
    --kc-sand: #DFE2E3;        /* 罫線・淡いグレー */
    --kc-sand-soft: #EBEEEF;   /* さらに淡いグレー */

    /* ===== カラー：ブランドグリーン ===== */
    --kc-green-deep: #163024;     /* 深緑（主役・見出し） */
    --kc-green-deep2: #0A1A12;    /* 最暗部（フッター等） */
    --kc-green-mid: #2A5C3C;      /* 中緑 */
    --kc-green-leaf: #5B8A3C;     /* 葉のグリーン（アクセント） */
    --kc-green-leaf-dark: #4A7530;/* 葉グリーン暗（eyebrow等） */
    --kc-green-pale: #A9CB8B;     /* 淡い葉色（深緑背景上のアクセント） */

    /* ===== シグネチャーグラデーション ===== */
    /* 「次のステージ」等の文字グラデ・CTAボタン */
    --kc-grad-signature: linear-gradient(100deg, #163024 0%, #2A5C3C 50%, #5B8A3C 100%);
    /* 深緑セクションの背景グラデ */
    --kc-grad-deep: linear-gradient(165deg, #0A1A12, #163024);
    /* PCグローバルナビ文字ホバー用：左半分=ブランドグリーン(深緑→葉) / 右半分=通常色(ベタ)。
       background-size:200% でスライドさせ「左→右にグラデが走る」表現に使う（components.css）。 */
    --kc-grad-nav-text: linear-gradient(90deg,
        var(--kc-green-deep) 0%,
        var(--kc-green-mid) 25%,
        var(--kc-green-leaf) 50%,
        var(--kc-ink-soft) 50%);

    /* ===== フォント ===== */
    --kc-font-sans: "Noto Sans JP", sans-serif;       /* 本文・見出し標準 */
    --kc-font-serif: "Noto Serif JP", serif;          /* 理念・物語パート */
    --kc-font-en: "Outfit", sans-serif;               /* 英字・数字アクセント */

    /* ===== 角丸 ===== */
    --kc-radius-card: 14px;
    --kc-radius-card-sm: 10px;   /* 業種カード・強みバッジ・名前タグ等の小さめカード */
    --kc-radius-button: 7px;
    --kc-radius-pill: 20px;

    /* ===== 余白 ===== */
    --kc-section-y: 96px;            /* セクション上下padding（PC） */
    --kc-ticker-h: 54px;             /* ニュースティッカー帯の高さ（ファーストビュー高さ計算に使用） */
    --kc-wrap-max: 1120px;           /* コンテンツ最大幅 */
    --kc-wrap-pad: 28px;             /* 左右パディング */
    --kc-gap-section: clamp(2rem, 5vw, 4rem);

    /* ===== シャドウ ===== */
    --kc-shadow-card: 0 22px 44px -28px rgba(22, 48, 36, 0.4);
    --kc-shadow-soft: 0 24px 50px -34px rgba(22, 48, 36, 0.45);

    /* ===== トランジション ===== */
    --kc-ease: cubic-bezier(.22, .61, .36, 1);
    --kc-ease-out-slow: cubic-bezier(.16, .84, .30, 1);
}