/* ================================================
 * Tech Stack Cards - Dark Mode Enhancement
 * ================================================ */

/* Ajouter une bordure subtile en mode dark pour distinguer les cartes */
[color-scheme="dark"] .mxd-tech-stack-cards__inner-v2::before {
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 4px 12px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

[color-scheme="dark"] .no-touch .mxd-tech-stack-cards__inner-v2:hover::before {
    border-color: rgba(255, 255, 255, 0.15);
    box-shadow: 
        0 8px 24px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Fond blanc pour les icônes en mode dark pour voir les logos sombres */
[color-scheme="dark"] .mxd-tech-stack-cards__icon {
    background: #ffffff !important;
    border-radius: 16px;
    padding: 1.2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

[color-scheme="dark"] .mxd-tech-stack-cards__icon svg,
[color-scheme="dark"] .mxd-tech-stack-cards__icon img {
    filter: grayscale(0.3) brightness(0.9);
}

[color-scheme="dark"] .no-touch .mxd-tech-stack-cards__item:hover .mxd-tech-stack-cards__icon svg,
[color-scheme="dark"] .no-touch .mxd-tech-stack-cards__item:hover .mxd-tech-stack-cards__icon img {
    filter: grayscale(0) brightness(1);
}