/* ==========================================================================
   playground 共通ブランドレイヤー
   各 demo / playground 一覧の「共通枠」（ヘッダー・フッター・ページ見出し・
   ブランド名・主要ボタンの配色）を LP v2 のトンマナに揃える上書き層。
   Tailwind(output.css) の上に読み込み、業務UI本体（操作グリッド・表・機能色）
   には及ばないよう、限定したユーティリティクラスで適用する。
   ========================================================================== */

:root {
    --ihsf-indigo: #1e3a5f;
    --ihsf-indigo-deep: #14283f;
    --ihsf-serif: "Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif;
}

/* 見出し・ブランド名を明朝に（付与した要素にのみ効かせる） */
.ihsf-serif {
    font-family: var(--ihsf-serif) !important;
    letter-spacing: 0.02em;
}

/* ロゴ正方形: 藍単色（グラデーション無効化） */
.ihsf-logo {
    background: var(--ihsf-indigo) !important;
    background-image: none !important;
}

/* 主要ボタン・CTA: 藍ベタ塗り（グラデーション無効化） */
.ihsf-cta {
    background: var(--ihsf-indigo) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.ihsf-cta:hover {
    background: var(--ihsf-indigo-deep) !important;
    opacity: 1 !important;
}