/* Index (메인 랜딩 페이지) 전용 스타일 */

/* 메인 페이지 배경 색상 오버라이드 */
body {
    --bg-main: #0a0a0a !important;
    background: #0a0a0a !important;
}

[data-theme="light"] body {
    --bg-main: #f8faff !important;
    background: #f8faff !important;
}

/* 라이트 모드 전용 테마 변수 */
[data-theme="light"] {
    --light-section-bg: rgba(74, 141, 255, 0.02);
    --light-card-bg: rgba(74, 141, 255, 0.04);
    --light-text-secondary: #3D5A80;
    --light-border: rgba(74, 141, 255, 0.25);
}

/* Hero 섹션 그라데이션 (다크 모드) */
.home {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(96, 165, 250, 0.1) 100%);
}

[data-theme="light"] .home {
    background: linear-gradient(135deg, rgba(74, 141, 255, 0.1) 0%, rgba(124, 168, 255, 0.08) 100%);
}

/* style.css의 모든 섹션 배경 효과 제거 (깔끔한 디자인) */
.trust::before,
.products::before,
.services::before,
.why-eyum::before,
.about::before,
.features::before,
.pricing::before,
.contact::before {
    display: none !important;
}

/* Trust Indicators 섹션 - 투명 배경 */
.trust {
    background: transparent;
}

[data-theme="light"] .trust {
    background: var(--light-section-bg);
}

/* Products 섹션 - 투명 배경 */
.products {
    background: transparent;
}

[data-theme="light"] .products {
    background: var(--light-section-bg);
}

/* Services 섹션 - 투명 배경 */
.services {
    background: transparent;
}

[data-theme="light"] .services {
    background: var(--light-section-bg);
}

/* Why EYUM 섹션 - 투명 배경 */
.why-eyum {
    background: transparent;
}

[data-theme="light"] .why-eyum {
    background: var(--light-section-bg);
}

/* About 섹션 - 투명 배경 */
.about {
    background: transparent;
}

[data-theme="light"] .about {
    background: var(--light-section-bg);
}

/* Features 섹션 - 투명 배경 */
.features {
    background: transparent;
}

[data-theme="light"] .features {
    background: var(--light-section-bg);
}

/* Pricing 섹션 - 투명 배경 */
.pricing {
    background: transparent;
}

[data-theme="light"] .pricing {
    background: var(--light-section-bg);
}

/* Contact 섹션 - 투명 배경 */
.contact {
    background: transparent;
}

[data-theme="light"] .contact {
    background: var(--light-section-bg);
}

/* ===================== */
/*   INDEX 페이지 레이아웃  */
/* ===================== */

/* 기본 스타일 - 접어도 펼쳐도 글씨 크기 동일 (고정값) */
.home__title {
    font-size: 2.2rem;
    line-height: 1.3;
}

.home__title-gradient {
    font-size: 1.8rem;
}

.home__description {
    font-size: 1rem;
}

.section__title {
    font-size: 1.5rem;
}

.section__description {
    font-size: 1rem;
}

.service__title {
    font-size: 1.15rem;
}

.service__description {
    font-size: 0.95rem;
}

.service__card {
    padding: 1.25rem;
    min-width: 0;
    width: 100%;
}

.button {
    font-size: 1rem;
    padding: 0.75rem 1.5rem;
}