/**
 * care.homon-ensemble.com 用テーマカラー上書き
 * 訪問介護サービスのイメージに合わせた温かみのある緑系カラー
 */

:root {
    --primary: #3D9970;
    --primary-dark: #2D7A58;
    --secondary: #F39C12;
}

/* ナビCTAボタン */
[data-subdomain="care"] .nav__cta {
    background-color: var(--primary);
}

[data-subdomain="care"] .nav__cta:hover {
    background-color: var(--primary-dark);
}

/* ヒーローラベル */
[data-subdomain="care"] .hero__label {
    background: var(--primary);
}

/* ボタン */
[data-subdomain="care"] .btn--primary {
    background-color: var(--primary);
}

[data-subdomain="care"] .btn--primary:hover {
    background-color: var(--primary-dark);
    box-shadow: 0 4px 12px rgba(61, 153, 112, 0.3);
}

[data-subdomain="care"] .btn--outline {
    border-color: var(--primary);
    color: var(--primary);
}

[data-subdomain="care"] .btn--outline:hover {
    background-color: var(--primary);
}

/* テキスト */
[data-subdomain="care"] .text-primary {
    color: var(--primary);
}

/* フォームフォーカス */
[data-subdomain="care"] .form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 4px rgba(61, 153, 112, 0.1);
}

/* ニュースタグ */
[data-subdomain="care"] .news-item__tag {
    color: var(--primary);
}

/* btn-more */
[data-subdomain="care"] .btn-more {
    color: var(--primary);
}

[data-subdomain="care"] .btn-more:hover {
    color: var(--primary-dark);
}

/* ニュースモーダルのタイトルボーダー */
[data-subdomain="care"] .news-modal-title {
    border-bottom-color: var(--primary);
}

/* サービスカードホバーボーダー */
[data-subdomain="care"] .service-card:hover {
    border-color: rgba(61, 153, 112, 0.2);
}

/* モバイル: サービスカードの面（ensemble の中立ボーダーを緑系に寄せる） */
@media (max-width: 768px) {
    [data-subdomain="care"] .service-card {
        border-color: rgba(61, 153, 112, 0.18);
    }
}

/* プロセスステップ番号 */
[data-subdomain="care"] .process-step__number {
    color: rgba(61, 153, 112, 0.15);
}

/* タグ */
[data-subdomain="care"] .tag {
    background: rgba(61, 153, 112, 0.1);
    color: var(--primary);
}

/* フッターログインリンク */
[data-subdomain="care"] .footer-login-link:hover {
    color: var(--primary);
    border-color: var(--primary);
}