/* ============================================================
   components/streaming.css — the streaming platforms' own colours

   The one place the seven brand hexes are written down. Two
   surfaces paint with them: the public release page's link
   buttons (`portfolio.css`) and the project hub's links. rows
   (`features/dashboards/projects/projects.css`, #258), so a
   link is the same colour where it is added as where it is
   read.

   The exception to "no new colours" in the design language,
   and a narrow one: these are not the studio's palette, they
   are seven other companies' — a Spotify link is recognised by
   Spotify green or it is recognised by reading the word. Only
   `--brand` / `--on-brand` are set here; what to do with them
   is each surface's business.

   Keyed on `[data-stream-platform]` alone, not on a component
   class, because custom properties inherit: stamp the
   attribute on any element and everything inside it can paint
   with the pair. The attribute is already on the public page's
   anchors for GA4 (`docs/seo/measurement.md` §3), so the
   colour and the analytics name cannot drift apart, and a
   platform added to `STREAMING_SERVICES` without an entry here
   still renders — in whatever each surface passes as the
   fallback — rather than unstyled.

   The label colour is whichever of ink/white clears AA on that
   brand: light brands take the dark label, dark brands take
   white. Measured, not guessed: Spotify 6.73, Apple Music
   4.86, Amazon Music 6.37 on ink; Deezer 4.62 and Tidal 21.0
   on white. The two reds clear nothing at their official hex
   (4.39 and 4.35 at best), so they are darkened by the
   smallest step that carries white — #FF0033 → #ED002F (4.52)
   and #FF0000 → #ED0000 (4.56). Don't "restore" those two; the
   ratio is the reason.
   ============================================================ */

[data-stream-platform="spotify"] {
    --brand: #1DB954;
    --on-brand: var(--ink, #1A1A1A);
}

[data-stream-platform="apple_music"] {
    --brand: #FC3C44;
    --on-brand: var(--ink, #1A1A1A);
}

[data-stream-platform="youtube_music"] {
    --brand: #ED002F;
    --on-brand: var(--white, #FFFFFF);
}

[data-stream-platform="youtube"] {
    --brand: #ED0000;
    --on-brand: var(--white, #FFFFFF);
}

[data-stream-platform="amazon_music"] {
    --brand: #00A8E1;
    --on-brand: var(--ink, #1A1A1A);
}

[data-stream-platform="deezer"] {
    --brand: #A238FF;
    --on-brand: var(--white, #FFFFFF);
}

[data-stream-platform="tidal"] {
    --brand: #000000;
    --on-brand: var(--white, #FFFFFF);
}