/* General Styles */
body {
    background-color: #e9dce9d2; /* 柔和的象牙白背景 */
    color: #5d4037; /* 柔和的棕色文字 */
}

/* Header */
.header-body {
    background-color: #f9e79f; /* 柔和的黃色背景 */
}

.nav-link.active,
.nav-link:hover {
    color: #ce93d8; /* 柔和的淡紫色點綴，用於 hover 效果 */
}

.header-top {
    background-color: #f6aad4;
}
.header-top a {
    color: #333333; /* 深灰色，提高對比 */
    font-weight: bold; /* 增加字體的粗細，使文字更加顯眼 */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* 輕微的黑色陰影 */
}

.header-top i {
    color: #333333; /* 深灰色 */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* 圖標也增加陰影 */
}


.text-default {
    color: #a1887f; /* 柔和的棕色，用於更舒適的對比 */
}

/* Footer */
.footer-copyright {
    background-color: #f195ba; /* 柔和的黃色背景 */
    color: #5d4037; /* 舒緩的棕色文字 */
}

.footer-copyright a {
    color: #ba68c8; /* 柔和的紫色連結 */
}

/* Buttons */
.btn-tertiary {
    background-color: #f8bbd0; /* 柔和的粉紅色按鈕 */
    color: #ffffff; /* 白色文字 */
}

.btn-tertiary:hover {
    background-color: #ce93d8; /* 淡紫色按鈕 hover 狀態 */
}

/* Section Titles */
h1, h2, h4 {
    color: #d4a373; /* 柔和的黃褐色，用於標題 */
}

/* Custom colors for text and borders */
.text-color-primary {
    color: #ce93d8; /* 柔和的紫色點綴 */
}

.text-color-light {
    color: #f8bbd0; /* 柔和的粉紅色 */
}

.bg-color-pink-rgba {
    background-color: rgba(248, 187, 208, 0.2); /* 輕柔的粉色透明背景 */
}

/* Section Backgrounds */
.section-secondary {
    background-color: #fff3e0; /* 柔和的奶油色，用於 section 背景 */
}

.section-no-border {
    background-color: #fce4ec; /* 柔和的粉色背景，讓 section 更溫暖 */
}

/* About Section */
.custom-section-padding-1 {
    background-color: #fffde7; /* 柔和的淡黃色 */
}

.custom-about-me-infos span {
    color: #ba68c8; /* 柔和的紫色文字點綴 */
}

/* Header Icons */
.icons {
    color: #f48fb1; /* 柔和的粉色圖標 */
}