/*
 * Brand colours for the follow row.
 *
 * The theme shipped four — GitLab, GitHub, Instagram and Twitter — in style.css, two of them
 * as gradients. This adds the rest, in the same shape, so the picker in the admin has more
 * than four things to offer.
 *
 * Each brand also names itself here, in `--brand-name`. That is what the picker lists: nobody
 * choosing a colour cares that it is spelled `instagram instagram-alt`. Keeping the name beside
 * the colour means there is one place to edit and nothing to keep in step — a list of names in
 * PHP would agree with this file until it didn't, and the disagreement would surface as an icon
 * that stays grey, which reads as "not set" rather than as a mistake.
 *
 * Values are each brand's own, adjusted only where the official one is unreadable on a near
 * black page: GitHub's black and Threads' black become the marks they use on dark backgrounds.
 */

/* Named here too, so every option in the picker reads the same way. Colours stay in style.css,
   which is the theme's own file and is kept as it was authored. */
.gitlab    { --brand-name: "GitLab"; }
.github    { --brand-name: "GitHub"; }
.instagram { --brand-name: "Instagram"; }
.twitter   { --brand-name: "X"; }

.linkedin:hover span       { color: #0a66c2 !important; }
.linkedin                  { --brand-name: "LinkedIn"; }

.youtube:hover span        { color: #ff0033 !important; }
.youtube                   { --brand-name: "YouTube"; }

.facebook:hover span       { color: #0866ff !important; }
.facebook                  { --brand-name: "Facebook"; }

.mastodon:hover span       { color: #6364ff !important; }
.mastodon                  { --brand-name: "Mastodon"; }

.bluesky:hover span        { color: #0285ff !important; }
.bluesky                   { --brand-name: "Bluesky"; }

.threads:hover span        { color: #f5f5f5 !important; }
.threads                   { --brand-name: "Threads"; }

.discord:hover span        { color: #5865f2 !important; }
.discord                   { --brand-name: "Discord"; }

.twitch:hover span         { color: #9146ff !important; }
.twitch                    { --brand-name: "Twitch"; }

.reddit:hover span         { color: #ff4500 !important; }
.reddit                    { --brand-name: "Reddit"; }

.telegram:hover span       { color: #29a9eb !important; }
.telegram                  { --brand-name: "Telegram"; }

.whatsapp:hover span       { color: #25d366 !important; }
.whatsapp                  { --brand-name: "WhatsApp"; }

.tiktok:hover span         { color: #ff0050 !important; }
.tiktok                    { --brand-name: "TikTok"; }

.pinterest:hover span      { color: #e60023 !important; }
.pinterest                 { --brand-name: "Pinterest"; }

.spotify:hover span        { color: #1db954 !important; }
.spotify                   { --brand-name: "Spotify"; }

.soundcloud:hover span     { color: #ff5500 !important; }
.soundcloud                { --brand-name: "SoundCloud"; }

.vimeo:hover span          { color: #1ab7ea !important; }
.vimeo                     { --brand-name: "Vimeo"; }

.dribbble:hover span       { color: #ea4c89 !important; }
.dribbble                  { --brand-name: "Dribbble"; }

.behance:hover span        { color: #1769ff !important; }
.behance                   { --brand-name: "Behance"; }

.figma:hover span          { color: #f24e1e !important; }
.figma                     { --brand-name: "Figma"; }

.stack-overflow:hover span { color: #f48024 !important; }
.stack-overflow            { --brand-name: "Stack Overflow"; }

.npm:hover span            { color: #cb3837 !important; }
.npm                       { --brand-name: "npm"; }

.docker:hover span         { color: #2496ed !important; }
.docker                    { --brand-name: "Docker"; }

.codepen:hover span        { color: #f5f5f5 !important; }
.codepen                   { --brand-name: "CodePen"; }

.medium:hover span         { color: #f5f5f5 !important; }
.medium                    { --brand-name: "Medium"; }

.patreon:hover span        { color: #ff424d !important; }
.patreon                   { --brand-name: "Patreon"; }

.steam:hover span          { color: #66c0f4 !important; }
.steam                     { --brand-name: "Steam"; }

.paypal:hover span         { color: #00457c !important; }
.paypal                    { --brand-name: "PayPal"; }