/* ============================================================
 * TechFlow Theme - dark.css
 * 浅色模式（暖白高级版）
 * 仅定义 [data-tf-mode="light"] 下的变量覆盖
 * ============================================================ */

[data-tf-mode="light"] {
    /* 主色保持一致（电光绿 + 紫蓝） */
    --tf-primary: #00C97A;
    --tf-primary-rgb: 0, 201, 122;
    --tf-accent: #3B82F6;
    --tf-accent-rgb: 59, 130, 246;
    --tf-purple: #A855F7;
    --tf-pink: #EC4899;

    /* 背景：暖白（Stripe 风） */
    --tf-bg: #FAF8F5;
    --tf-bg-elev: #FFFFFF;
    --tf-surface: #FFFFFF;
    --tf-surface-2: #F5F2ED;
    --tf-surface-hover: rgba(10, 10, 10, 0.05);

    /* 文字 */
    --tf-text: #0A0A0A;
    --tf-text-muted: #52525B;
    --tf-text-soft: #71717A;

    /* 边框 */
    --tf-border: rgba(10, 10, 10, 0.08);
    --tf-border-hover: rgba(10, 10, 10, 0.16);

    /* 网格线 */
    --tf-grid-line: rgba(10, 10, 10, 0.04);

    /* 辉光（弱化） */
    --tf-primary-glow: rgba(0, 201, 122, 0.06);
    --tf-accent-glow: rgba(59, 130, 246, 0.05);
}

/* 浅色模式下的细节调整 */
[data-tf-mode="light"] body {
    background-image:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(0, 201, 122, 0.04) 0%, transparent 60%);
}

[data-tf-mode="light"] .tf-card {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

[data-tf-mode="light"] .tf-card:hover {
    box-shadow:
        0 16px 40px -8px rgba(0, 0, 0, 0.08),
        0 0 0 1px rgba(10, 10, 10, 0.04);
}

[data-tf-mode="light"] .tf-side-widget {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

[data-tf-mode="light"] .tf-display,
[data-tf-mode="light"] .tf-hero__title {
    color: var(--tf-text, #0A0A0A);
}

[data-tf-mode="light"] .tf-hero__title em {
    background: linear-gradient(110deg, #00C97A 0%, #3B82F6 50%, #A855F7 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

[data-tf-mode="light"] .tf-slider__overlay {
    background: linear-gradient(
        105deg,
        rgba(250, 248, 245, 0.85) 0%,
        rgba(250, 248, 245, 0.5) 45%,
        rgba(250, 248, 245, 0.1) 100%
    );
}

[data-tf-mode="light"] .tf-slider__title {
    color: var(--tf-text, #0A0A0A);
}

[data-tf-mode="light"] .tf-slider__cat {
    background: rgba(10, 10, 10, 0.05);
    color: var(--tf-text, #0A0A0A);
    border-color: rgba(10, 10, 10, 0.08);
}

[data-tf-mode="light"] .tf-slider__meta {
    color: var(--tf-text-muted, #52525B);
}

[data-tf-mode="light"] .tf-slider__meta-divider {
    background: rgba(10, 10, 10, 0.2);
}

[data-tf-mode="light"] .tf-slider__cta {
    color: var(--tf-text, #0A0A0A);
    border-bottom-color: rgba(10, 10, 10, 0.3);
}

[data-tf-mode="light"] .tf-slider__cta:hover {
    color: #00C97A;
    border-bottom-color: #00C97A;
}

[data-tf-mode="light"] .tf-slider__counter {
    background: rgba(255, 255, 255, 0.8);
    color: var(--tf-text, #0A0A0A);
    border-color: rgba(10, 10, 10, 0.1);
}

[data-tf-mode="light"] .tf-404__code {
    background: linear-gradient(135deg, #00C97A 0%, #3B82F6 50%, #A855F7 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}