/* 
 * 莫兰迪色调系统
 * Morandi Color Palette
 * 低饱和度、低明度、柔和优雅的色调
 */

:root {
    /* 莫兰迪主色调 */
    --morandi-purple: #9B8FA5;      /* 灰紫色 */
    --morandi-purple-light: #C8B9D0; /* 浅灰紫色 */
    --morandi-blue: #A4B0C0;         /* 灰蓝色 */
    --morandi-blue-light: #B8C5D0;   /* 浅灰蓝色 */
    --morandi-green: #B0BFB8;       /* 灰绿色 */
    --morandi-green-light: #C5D4CC;  /* 浅灰绿色 */
    --morandi-pink: #D4B5C0;         /* 灰粉色 */
    --morandi-pink-light: #E0C5CD;   /* 浅灰粉色 */
    --morandi-beige: #E8C5A5;       /* 米色/驼色 */
    --morandi-beige-light: #D4BFA0;  /* 浅米色 */
    --morandi-cream: #E8E1EB;       /* 奶油色 */
    --morandi-cream-light: #F5F3F0;  /* 浅奶油色 */
    
    /* 莫兰迪文本颜色 - 柔和的深色，不是纯黑 */
    --morandi-text-dark: #6B6B6B;    /* 深灰褐色 - 主文本 */
    --morandi-text-medium: #7A7A7A;   /* 中灰褐色 - 次要文本 */
    --morandi-text-light: #8B8B8B;   /* 浅灰褐色 - 辅助文本 */
    --morandi-text-heading: #5A5A5A; /* 标题深色 */
    
    /* 莫兰迪背景颜色 */
    --morandi-bg-white: #F8F6F3;     /* 米白色背景 */
    --morandi-bg-light: #F5F3F0;     /* 浅米色背景 */
    --morandi-bg-cream: #F0EDE8;     /* 奶油色背景 */
    
    /* 莫兰迪边框和分割线 */
    --morandi-border: rgba(155, 143, 165, 0.2);      /* 淡紫色边框 */
    --morandi-border-light: rgba(155, 143, 165, 0.1); /* 更淡的边框 */
    --morandi-divider: rgba(107, 107, 107, 0.15);    /* 分割线 */
}

/* 全局文本颜色覆盖 */
body {
    color: var(--morandi-text-dark) !important;
    background-color: var(--morandi-bg-white) !important;
}

/* 标题颜色 */
h1, h2, h3, h4, h5, h6 {
    color: var(--morandi-text-heading) !important;
}

/* 段落和正文 */
p {
    color: var(--morandi-text-dark) !important;
}

/* 排除Hero区域的推荐语段落 */
.hero-section .testimonials-carousel p,
.testimonials-carousel p {
    color: white !important;
}

/* 链接颜色 */
a {
    color: var(--morandi-text-medium);
    transition: color 0.3s ease;
}

a:hover {
    color: var(--morandi-purple);
}

/* 排除Hero区域的推荐语链接 */
.hero-section .testimonials-carousel a,
.testimonials-carousel a {
    color: white !important;
}

.hero-section .testimonials-carousel a:hover,
.testimonials-carousel a:hover {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* 导航栏文本 */
nav a {
    color: var(--morandi-text-medium) !important;
}

nav a:hover {
    color: var(--morandi-purple) !important;
}

/* 品牌名称 */
nav .text-2xl {
    color: var(--morandi-text-heading) !important;
}

/* 卡片文本 */
.feature-card h3,
.disease-card span {
    color: var(--morandi-text-heading) !important;
}

.feature-card p {
    color: var(--morandi-text-medium) !important;
}

/* 关于我们部分 */
#about h2 {
    color: var(--morandi-text-heading) !important;
}

#about p {
    color: var(--morandi-text-dark) !important;
}

#about h4 {
    color: var(--morandi-text-heading) !important;
}

#about p.text-gray-600 {
    color: var(--morandi-text-medium) !important;
}

/* Hero区域推荐语 - 保持白色文本（在深色背景上） */
.hero-section .testimonials-carousel,
.hero-section .testimonials-carousel *,
.testimonials-carousel,
.testimonials-carousel *,
.testimonial-item,
.testimonial-item p,
.testimonial-item a {
    color: white !important;
}

.testimonials-carousel .text-white {
    color: white !important;
}

/* Hero区域推荐语 - 保持修改前的白色文本样式（不受莫兰迪色调影响） */
.hero-section .testimonials-carousel,
.testimonials-carousel,
.testimonials-carousel .text-white,
.testimonials-carousel p,
.testimonials-carousel a,
.testimonial-item,
.testimonial-item p,
.testimonial-item a,
.testimonial-item .text-white {
    color: white !important;
}

/* 下载区域 - 保持白色文本（在深色背景上） */
#download h2,
#download p {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* 联系区域 */
#contact h2 {
    color: var(--morandi-text-heading) !important;
}

#contact h3 {
    color: var(--morandi-text-heading) !important;
}

#contact p {
    color: var(--morandi-text-medium) !important;
}

/* 页脚 */
footer {
    background-color: #3A3A3A !important; /* 深灰褐色背景 */
    color: rgba(255, 255, 255, 0.8) !important;
}

footer h4 {
    color: rgba(255, 255, 255, 0.95) !important;
}

footer a {
    color: rgba(255, 255, 255, 0.7) !important;
}

footer a:hover {
    color: var(--morandi-purple-light) !important;
}

/* Tailwind 颜色类覆盖 */
.text-gray-800 {
    color: var(--morandi-text-heading) !important;
}

.text-gray-700 {
    color: var(--morandi-text-dark) !important;
}

.text-gray-600 {
    color: var(--morandi-text-medium) !important;
}

.text-gray-500 {
    color: var(--morandi-text-light) !important;
}

/* 背景色覆盖 */
.bg-gray-50 {
    background-color: var(--morandi-bg-white) !important;
}

.bg-white {
    background-color: #FFFFFF !important; /* 保持纯白用于卡片 */
}

/* 适应症卡片文本 */
.disease-card span.text-gray-800 {
    color: var(--morandi-text-heading) !important;
}