/**
 * Deconiq - Category colours
 *
 * One colour per top-level category. Any element carrying a card class gets
 * data-cat="<slug>" on its root automatically (Deconiq_Cat_Colors), and single
 * posts / category archives get body.cat-<slug>. Custom properties inherit, so
 * everything nested inside just reads var(--cat) - badge, tema, title, pulsator.
 *
 * Sub-categories resolve to their top-level parent: nogomet -> sport.
 *
 * Usage:
 *   background: var(--cat); color: var(--cat-ink);   full-colour badge
 *   color: var(--cat);                               text in category colour
 *   background: color-mix(in srgb, var(--cat) 12%, transparent);   soft tint
 *
 * Anything without a category falls back to --primary, so nothing goes colourless.
 */
:root {
    --cat: var(--primary);
    --cat-ink: #fff;
}

[data-cat="vijesti"],          .cat-vijesti          { --cat: #d92d20; --cat-ink: #fff; }
[data-cat="sport"],            .cat-sport            { --cat: #067647; --cat-ink: #fff; }
[data-cat="magazin"],          .cat-magazin          { --cat: #7e22ce; --cat-ink: #fff; }
[data-cat="gospodarstvo"],     .cat-gospodarstvo     { --cat: #175cd3; --cat-ink: #fff; }
[data-cat="teme-i-komentari"], .cat-teme-i-komentari { --cat: #475467; --cat-ink: #fff; }
[data-cat="drustvene-mreze"],  .cat-drustvene-mreze  { --cat: #0e7490; --cat-ink: #fff; }
[data-cat="oglasavanje"],      .cat-oglasavanje      { --cat: #b54708; --cat-ink: #fff; }
[data-cat="scena-tv"],         .cat-scena-tv         { --cat: #a21caf; --cat-ink: #fff; }

/* All eight pass WCAG AA against white text (4.8:1 - 7.7:1). */

/* The pulse dot follows its card. Two classes so it beats the element default. */
.dq-pulse.news-card-v1__pulsator { --dq-pulse-color: var(--cat); }