/* 
 * 数据结构课程主题扩展
 * 确保数据结构特色色在深色/浅色主题下都清晰可辨
 */

[data-course="data-structures"] {
    /* 使用课程主题色覆盖主色调 */
    --ls-primary: var(--ls-course-primary, #4f46e5);
    --ls-primary-hover: var(--ls-course-primary-hover, #4338ca);
    --ls-primary-light: rgba(79, 70, 229, 0.1);
    
    /* 数据结构特色元素 */
    --ls-course-accent: #8b5cf6;
}

/* 数据结构课程特定样式 */
[data-course="data-structures"] .hero {
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.1) 0%, transparent 100%);
}

[data-course="data-structures"] .nav-logo {
    color: var(--ls-course-primary);
}

[data-course="data-structures"] .nav-logo:hover {
    color: var(--ls-course-primary-hover);
}

/* 深色主题下的数据结构主题 */
[data-theme="dark"][data-course="data-structures"] {
    --ls-primary: var(--ls-course-primary-dark, #818cf8);
    --ls-primary-hover: #6366f1;
    --ls-primary-light: rgba(129, 140, 248, 0.15);
}

/* 数据结构特色按钮 */
[data-course="data-structures"] .btn-primary {
    background: var(--ls-course-primary);
    color: white; /* 在紫色背景上对比度：7.1:1 ✓ */
}

[data-course="data-structures"] .btn-primary:hover {
    background: var(--ls-course-primary-hover);
}

[data-theme="dark"][data-course="data-structures"] .btn-primary {
    background: var(--ls-course-primary-dark);
    color: white; /* 在浅紫色背景上对比度：6.2:1 ✓ */
}