/* AI Skills Hub — Dark Mode Overrides */

[data-theme="dark"] .tool-card { border-color: hsl(var(--hue), 5%, 20%); }
[data-theme="dark"] .tool-card:hover { border-color: var(--color-primary); box-shadow: var(--shadow-lg); }
[data-theme="dark"] .category-chip { border-color: hsl(var(--hue), 5%, 25%); }
[data-theme="dark"] .category-chip:hover { border-color: var(--color-primary); }
[data-theme="dark"] .cap-card { border-color: hsl(var(--hue), 5%, 20%); }
[data-theme="dark"] .price-card { border-color: hsl(var(--hue), 5%, 20%); }
[data-theme="dark"] .who-card { border-color: hsl(var(--hue), 5%, 20%); }
[data-theme="dark"] .faq-item, [data-theme="dark"] .faq-list { border-color: hsl(var(--hue), 5%, 20%); }
[data-theme="dark"] .step-screenshot { border-color: hsl(var(--hue), 5%, 20%); }
[data-theme="dark"] .site-header { border-color: hsl(var(--hue), 5%, 20%); }
[data-theme="dark"] .bottom-nav { border-color: hsl(var(--hue), 5%, 20%); }
[data-theme="dark"] .site-footer { border-color: hsl(var(--hue), 5%, 20%); }
[data-theme="dark"] .detail-toc { background: var(--surface-ground); }
[data-theme="dark"] input { background: var(--surface-card); border-color: hsl(var(--hue), 5%, 25%); color: var(--text-primary); }
[data-theme="dark"] .badge-free { background: hsl(170, 40%, 20%); color: hsl(170, 60%, 65%); }
[data-theme="dark"] .badge-paid { background: hsl(260, 40%, 20%); color: hsl(260, 50%, 75%); }