/* ==========================================================================
   Technology mark hover tints
   ==========================================================================
   Official Simple Icons brand colours. Deliberately NOT in tokens.css:
   these belong to other companies, not to our palette. A chip is grey
   until hovered, then it takes its own brand colour.
   ========================================================================== */

.tech-chip[data-tech="react"] { --tech-colour: #61DAFB; }
.tech-chip[data-tech="nextjs"] { --tech-colour: #000000; }
.tech-chip[data-tech="nodejs"] { --tech-colour: #5FA04E; }
.tech-chip[data-tech="vuejs"] { --tech-colour: #4FC08D; }
.tech-chip[data-tech="react-native"] { --tech-colour: #61DAFB; }
.tech-chip[data-tech="flutter"] { --tech-colour: #02569B; }
.tech-chip[data-tech="python"] { --tech-colour: #3776AB; }
.tech-chip[data-tech="laravel"] { --tech-colour: #FF2D20; }
.tech-chip[data-tech="typescript"] { --tech-colour: #3178C6; }
.tech-chip[data-tech="solidity"] { --tech-colour: #363636; }
.tech-chip[data-tech="unity"] { --tech-colour: #000000; }