/* Blog categories (BlogCoverCategory): one gradient pair per category.
 *
 * Read by the cover art (blog/cover.leaf, the .bc background) and by the
 * /blog filter chips (the dot beside each label). --fk-cat-a is the light end
 * of the gradient and --fk-cat-b the dark end. White text must reach 4.5:1 on
 * --fk-cat-a, so it holds on the whole gradient; BlogCoverTests checks every
 * pair. The hues sit around FeedbackKit's orange (#F7A50D) at one depth, so
 * no category is louder than another, and the orange glow on every cover ties
 * them together. Theme-invariant: a cover is an image, the same in both themes.
 */

.fk-cat--guide          { --fk-cat-a: #0f766e; --fk-cat-b: #0b3f3b; }
.fk-cat--tutorial       { --fk-cat-a: #0369a1; --fk-cat-b: #082f49; }
.fk-cat--prioritisation { --fk-cat-a: #6d28d9; --fk-cat-b: #2e1065; }
.fk-cat--app-store      { --fk-cat-a: #1d4ed8; --fk-cat-b: #172554; }
.fk-cat--google-play    { --fk-cat-a: #047857; --fk-cat-b: #022c22; }
.fk-cat--pricing        { --fk-cat-a: #15803d; --fk-cat-b: #0d3b1f; }
.fk-cat--alternatives   { --fk-cat-a: #be123c; --fk-cat-b: #4c0519; }
.fk-cat--comparison     { --fk-cat-a: #334155; --fk-cat-b: #0b1220; }
.fk-cat--roundup        { --fk-cat-a: #a21caf; --fk-cat-b: #4a044e; }
.fk-cat--swift-sdk      { --fk-cat-a: #c2410c; --fk-cat-b: #431407; }
.fk-cat--sdk            { --fk-cat-a: #4338ca; --fk-cat-b: #1e1b4b; }
.fk-cat--product        { --fk-cat-a: #b45309; --fk-cat-b: #451a03; }