@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap');

body {
    font-family: 'Inter', 'Noto Sans TC', sans-serif;
    /* 淺灰色背景 */
    background-color: #f0fdf4;
}

/* 自定義 Tailwind 顏色和樣式 */
.bg-primary-green {
    background-color: #27ae60;
}

.bg-primary-gray {
    background-color: #8E8E8E;
}

/* 環保綠 (主色) */
.text-primary-green {
    color: #27ae60;
}

.border-primary-green {
    border-color: #27ae60;
}

.bg-dark-green {
    background-color: #229954;
}

.bg-dark-gray {
    background-color: #6C6C6C;
}

/* 深環保綠 (輔助/導航) */
.text-dark-green {
    color: #229954;
}

.border-dark-green {
    border-color: #229954;
}

/* 移除原有的 accent-blue 相關樣式，實現統一綠色系 */

.hover-shadow:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
    transition: all 0.3s ease;
}

/* 英雄區塊背景圖片樣式 */
.hero-bg {
    background-image:url('../images/hero-image.jpg'); /* 替換為您的圖片檔案名稱 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

    .hero-bg::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5); /* 灰黑色遮罩，透明度50% */
        z-index: 1;
    }

.hero-content {
    position: relative;
    z-index: 2;
}

/* FAQ Chevron 旋轉 */
.fa-chevron-down.rotate-180 {
    transform: rotate(180deg);
}