/* ====== SKILLS SECTION ====== */
.skills-section {
    padding: var(--section-padding); }

.skills-filter-buttons {
    display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin-bottom: 40px; }

.skill-filter-btn {
    background: var(--background-color); border: var(--border-width-small) solid var(--primary-color); color: var(--primary-color); border-radius: 25px; font-weight: 600; cursor: pointer; transition: var(--hover-transition); font-size: 0.95rem; font-family: var(--font-family-base); }

.skill-filter-btn:hover {
    transform: var(--hover-lift); box-shadow: var(--box-shadow); }

.skills-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); margin-top: 30px; }

.skill-card p {
    line-height: 1.6; }

body.dark-mode .skill-card {
    border-color: var(--dark-border-color); }