/* Other platforms' own colours -- the only colours on the site that are not Campus palette (palette.css),
   because they are not ours. Worn on hover by the footer's social discs (footer-component/), the contact
   page's row of the same links (contact-page/front/) and the share menu's places (share-menu/); kept here
   so all three read one value. A file of its own, versioned by its date wherever it is loaded, so a browser
   never pairs a fresh stylesheet with an old cached copy of these values.

   Flat values are the ones each brand publishes, by way of Simple Icons, which cites the brand's own
   resource page for each. Instagram and Telegram are not flat at all -- their marks are gradients, and a
   single pink or blue would be the wrong logo.

   Each -ink is what a mark on that colour takes: whichever of white or the Campus black clears 3:1 against
   it, measured rather than guessed. Ratios are mark-against-colour. */
:root {
    /* At rest, every social disc -- the footer's, the contact page's and the share menu's -- is this grey with
       a white mark (9.26:1); pointed at, it takes its platform's colour below. */
    --cil-social-disc: var(--cil-black-regular-10);  --cil-social-mark: var(--cil-white);
    --cil-brand-facebook:  #0866FF;  --cil-brand-facebook-ink:  var(--cil-white);  /* 4.70 */
    --cil-brand-twitter:   #1D9BF0;  --cil-brand-twitter-ink:   var(--cil-black);  /* 4.22 */
    --cil-brand-linkedin:  #0A66C2;  --cil-brand-linkedin-ink:  var(--cil-white);  /* 5.54 */
    --cil-brand-youtube:   #FF0000;  --cil-brand-youtube-ink:   var(--cil-white);  /* 3.90 */
    --cil-brand-whatsapp:  #25D366;  --cil-brand-whatsapp-ink:  var(--cil-black);  /* 6.39; white is 1.93 */
    --cil-brand-tiktok:    #000000;  --cil-brand-tiktok-ink:    var(--cil-white);
    --cil-brand-tiktok-cyan: #25F4EE;
    --cil-brand-tiktok-red:  #FE2C55;
    /* Instagram's glyph gradient: the pale yellow sits in the bottom-left corner and the mark rides the
       magenta-to-blue run, where white clears 4.61 and above. Flat #E4405F is the brand's single-colour
       fallback and is not what the logo looks like. */
    --cil-brand-instagram: radial-gradient(circle at 30% 107%,
        #FEDA75 0%, #FA7E1E 22%, #D62976 52%, #962FBF 74%, #4F5BD5 100%);
    --cil-brand-instagram-ink: var(--cil-white);
    /* Telegram's mark is a two-stop blue, not one blue. */
    --cil-brand-telegram: linear-gradient(180deg, #2AABEE 0%, #229ED9 100%);
    --cil-brand-telegram-ink: var(--cil-black);  /* 4.20 worst stop */
}