/* ═══════════════════════════════════════════════════════════════════
   TERMINA — BARVA KATEGORIJE: »BISER« (CGP v11)

   Deset skupin, deset barv, ena tema. Frizerski studio je blush,
   avtoservis je periwinkle, nega psov je mint. Stranka s šestimi termini
   jih loči, preden prebere eno samo besedo, profil pa ob odprtju pove,
   kakšen kraj je.

   Vseh deset je določenih tu, čeprav jih iskanje trenutno kaže pet:
   preostalih pet ČAKA na svojega prvega ponudnika
   (server/categories.js). Barva, ki pride pozno, pride napačna, zato je
   zgrajena zdaj in samo še ni izrisana.

   Nevtralna barva Termine ostane za poglede brez kategorije — naslovnica,
   mešano iskanje, prazno stanje.

   ── Par ────────────────────────────────────────────────────────────

   Vsaka kategorija je svetla topla podlaga in PASTELNI partner, po
   obliki paletnih kartic, iz katerih je izbrana. Tri delovne vrednosti:

     --kat-pastel   polnilo: ploščica termina, glavno dejanje, izbrani
                    čip, ploščica izbirnika. Nosi ČRNILO.
     --kat-tekst    ista barva, vzeta globlje. Nosi kategorijo tam, kjer
                    mora biti barva BESEDILO — cena, ime ponudnika — in
                    riše lasast rob okoli vsakega pastelnega polnila.
     --kat-tih      skoraj bel čip, ki nosi --kat-na-tihem.

   Vsaka od njih ima dvojčico z -o. Ta NI druga tema: je ista kategorija
   na EDINI obrnjeni ploskvi, ki jo pogled sme imeti (.poudarek). Na
   črnilni kartici pastel še vedno deluje, --kat-tekst pa ne, zato
   dvojčica stopi na drugo polariteto.

   Dve pravili, ki ju ne obračaj:

   ČRNILO NA PASTELU in ne svetla oznaka. Paletne kartice, iz katerih to
   izhaja, postavljajo svetlo besedo na mehko barvo, in ta par ne doseže
   2:1. Isti pastel s črnilom meri 9,9–10,8:1. Barva ostane nedotaknjena;
   spremeni se samo pisava na njej.

   LASAST ROB in ne temnejše polnilo. Pastelna ploskev na strani meri
   1,3–2,2:1 in je tako rekoč nevidna. Potemnitev bi uničila edino, kar
   jo dela lepo, zato ploskev obdrži rob 1 px v --kat-tekst in meri se ROB.

   ── Kako je zgrajena ───────────────────────────────────────────────

   V OKLab, kjer je svetlost ločena od barvitosti. Ista nazivna svetlost
   je v modri videti precej temnejša kot v rumeni, deset kategorij,
   izbranih na roko v šestnajstiškem zapisu, pa bi se razšlo.

   Podlaga sedi pri svetlosti 0,945 in komaj kaj barve (0,024), nagnjena
   le 18 % proti partnerju: stran je znamkina, partner je vsebinin.
   Pastel sedi pri 0,845. --kat-tekst je edina vrednost, ki je REŠENA in
   ne nastavljena: njena svetlost se odmika od podlage, dokler ne preseže
   4,5:1 proti vsaki ploskvi, na katero lahko pade — strani, kartici,
   čipu in nevtralni barvi Termine, ker mešan seznam ni ničija kategorija.

   Izmerjeno, vsaka kategorija: najnižji par je 4,55:1 pri pragu 4,5.
   server/test-kategorije.js jih prešteje vse in pade ob eni sami.

   TIHI ČIP na obrnjeni kartici je rešen na 5,4 in ne na 4,55; dodatek ni
   previdnost. Razmerje, izračunano iz dveh šestnajstiških vrednosti, je
   razmerje dveh idealnih ploskev, bralec pa vidi črko z glajenimi robovi,
   in ti ležijo med obema. Pri nazivnih 4,8 merilnik na izrisanem zaslonu
   pokaže 4,49 — prehod v CSS in padec na steklu. Popusti podlaga, ker je
   --kat-tekst rešen tudi proti vsem drugim ploskvam in bi premik po njem
   premaknil še tiste.

   ── Kje velja ──────────────────────────────────────────────────────

   Kategorijo nosi data-kat na vsebniku. Dve stopnji zavezanosti:

     sama barva   vrstica v seznamu, čip, cena, datumska ploščica. Vsaka
                  vrstica v viru pripada drugemu ponudniku, zato barva
                  jaha vrstico in nikoli strani.
     .kat-oder    cel pogled v luči kategorije, za stran o ENEM ponudniku.
                  Seznam je nikoli ne vzame: deset obarvanih podlag je
                  vzorčna knjiga.
   ═══════════════════════════════════════════════════════════════════ */

/* Črnilo na pastelu, povsod: pastel je svetel na strani in na obrnjeni
   kartici enako. */
:root { --kat-na-pastelu: #241C14 }

/* Nevtralno: Terminino lastno, za vsak pogled brez kategorije.
   :root:root, ne :root — gl. podoba.css: goli :root izgubi proti plasti
   prejšnje identitete. */
:root:root {
  --kat-pastel:     #E2D5C2;
  --kat-tekst:      #7c6455;
  --kat-tih:        #F1EDE7;
  --kat-na-tihem:   #241C14;
  --kat-pastel-o:   #E2D5C2;
  --kat-tekst-o:    #b29d8e;
  --kat-tih-o:      #42362c;
  --kat-na-tihem-o: #d3c4b6;
  /* Vrednost je izpisana in ne sklicana: žeton, ki kaže nazaj na tistega,
     ki ga nadomešča, je krog, CSS pa oba konca tiho izpusti. Tako
     .kat-oder brez kategorije ne spremeni ničesar. */
  /* Brez kategorije je lestvica lestvica strani — od v10 bela. Barvane
     ostajajo samo skupine spodaj; te so identiteta in se ne belijo. */
  --kat-ohisje:     #FFFFFF;
  --kat-globina:    #F3EFE9;
  --kat-noc:        #F6F2EC;
  --kat-plosca:     #FFFFFF;
  --kat-plosca-hi:  #FFFFFF;
  --kat-i-bg:       #1C1714;
  --kat-i-bg-2:     #2a2119;
  --kat-i-cip:      #2a2119;
  --kat-foto-1:     #4a3826;
  --kat-foto-2:     #31251a;
}

/* ── mavrica (lastnica, 16. 10. 2026) ─────────────────────────────────
   »Za frizerstvo bi mogoče dala tako mavrico za barvo te kategorije.«
   Frizerstvo nosi PASTELNO mavrico povsod, kjer se pokaže barva skupine;
   druge skupine ostanejo ena barva. Mavrica je SLIKA, ki leži nad
   barvo (background: var(--kat-mavrica) var(--kat-pastel)), zato ima
   vsaka skupina brez mavrice tu »none« in pravilo pri njej nariše samo
   barvo, kot doslej. Nastavljeno je tudi na vsakem [data-kat], da
   vgnezdena vrstica druge skupine na frizerskem profilu ne podeduje
   frizerske mavrice.

     --kat-mavrica        polnilo (izbrana ura, glavno dejanje, ploščica
                          termina) in obroč čipa; barve izhajajo iz
                          svetlega krogca v sredini; nosi ČRNILO
     --kat-mavrica-tiha   isto v tihih tonih (izbran čip, izbrana možnost,
                          tabletka ure); nosi --kat-na-tihem
     --kat-mavrica-krog   krogec skupine (konični preliv)
     --kat-mavrica-svit   bela zgoraj, tiha mavrica spodaj (izbrani dan,
                          ploščica dneva, ploščica Storitve)
     --kat-mavrica-pilula bela zgoraj, mavrica spodaj (pilula Potrdi)

   Besedilo NIKOLI ni mavrica (CGP: prelivov na besedilu ni): kjer je
   frizerska barva besedilo, ostane --kat-tekst. */
:root:root,
[data-kat] {
  --kat-mavrica:        none;
  --kat-mavrica-tiha:   none;
  --kat-mavrica-krog:   none;
  --kat-mavrica-svit:   none;
  --kat-mavrica-pilula: none;
}
[data-kat="frizer"] {
  --kat-pastel:#ecbfc6;
  --kat-tekst:#925863;
  --kat-tih:#f5dce0; --kat-na-tihem:#241C14;
  --kat-pastel-o:#ecbfc6;
  --kat-tekst-o:#cb8c97;
  --kat-tih-o:#382323; --kat-na-tihem-o:#cb8c97;
  --kat-ohisje:#fae9de;
  --kat-globina:#f0dacb;
  --kat-noc:#f3ded0;
  --kat-plosca:#fdf1e8;
  --kat-plosca-hi:#fff7f1;
  --kat-i-bg:#221710;
  --kat-i-bg-2:#32241c;
  --kat-i-cip:#32241c;
  --kat-foto-1:#5b403e;
  --kat-foto-2:#3d2726;
  /* Pastelna mavrica (lastnica, 16. 10. 2026). Šest postaj v OKLab ob
     svetlosti palete (0,85–0,91, rumena svetlejša, ker je taka po naravi)
     in barvitosti 0,05–0,07 — oprani toni, ki stojijo ob kremi in
     karameli. Prva postaja je frizerski pastel sam. Črnilo na vsaki
     postaji 10,4–13,0:1, na tihi 12,6–15,4:1 (server/test-kategorije.js). */
  /* Še bolj pastelno (lastnica, 16. 10. 2026: »še bolj pastelna mavrica
     oz. ta gradient«): polnila 42 % proti beli, tihi toni 70 %. */
  --kat-m-roza:#f4dade; --kat-m-breskev:#f9e1d1; --kat-m-maslo:#f5efcf;
  --kat-m-meta:#d6efe1; --kat-m-nebo:#d2e8f6;   --kat-m-sivka:#e4def5;
  --kat-m-roza-t:#f9ecee; --kat-m-breskev-t:#fcf0e7; --kat-m-maslo-t:#faf7e6;
  --kat-m-meta-t:#eaf7ef; --kat-m-nebo-t:#e8f3fa;   --kat-m-sivka-t:#f1eefa;
  /* Iz krogca (lastnica, 25. 10. 2026: »da ni taka mavrica s črtami,
     ampak da iz krogca grejo barve«): ne več pas od leve proti desni,
     ampak barve kot žarki iz svetlega krogca v sredini ploskve. Krogec je
     mleko, ki se mehko razlije (do polovice manjše stranice); za njim se
     postaje vrtijo okoli središča (konični preliv). Na pilulah in čipih
     krogec stoji sredi, barve gredo proti robovom. */
  --kat-mavrica:radial-gradient(circle closest-side,var(--mleko) 0 16%,color-mix(in oklab,var(--mleko) 55%,transparent) 42%,transparent 92%),conic-gradient(from 20deg,var(--kat-m-roza),var(--kat-m-breskev),var(--kat-m-maslo),var(--kat-m-meta),var(--kat-m-nebo),var(--kat-m-sivka),var(--kat-m-roza));
  --kat-mavrica-tiha:radial-gradient(circle closest-side,var(--mleko) 0 16%,color-mix(in oklab,var(--mleko) 55%,transparent) 42%,transparent 92%),conic-gradient(from 20deg,var(--kat-m-roza-t),var(--kat-m-breskev-t),var(--kat-m-maslo-t),var(--kat-m-meta-t),var(--kat-m-nebo-t),var(--kat-m-sivka-t),var(--kat-m-roza-t));
  --kat-mavrica-krog:conic-gradient(from 20deg,var(--kat-m-roza),var(--kat-m-breskev),var(--kat-m-maslo),var(--kat-m-meta),var(--kat-m-nebo),var(--kat-m-sivka),var(--kat-m-roza));
  --kat-mavrica-svit:linear-gradient(180deg,var(--mleko) 8%,transparent),var(--kat-mavrica-tiha);
  --kat-mavrica-pilula:linear-gradient(180deg,var(--mleko),transparent 125%),var(--kat-mavrica);
}
[data-kat="lepota"] {
  --kat-pastel:#a5d6df;
  --kat-tekst:#1a6e7b;
  --kat-tih:#cee8ed; --kat-na-tihem:#241C14;
  --kat-pastel-o:#a5d6df;
  --kat-tekst-o:#54a1ae;
  --kat-tih-o:#2d1e0f; --kat-na-tihem-o:#54a1ae;
  --kat-ohisje:#f2eddb;
  --kat-globina:#e6dfc8;
  --kat-noc:#e9e3cd;
  --kat-plosca:#f7f3e6;
  --kat-plosca-hi:#fbf9f0;
  --kat-i-bg:#20170e;
  --kat-i-bg-2:#30251a;
  --kat-i-cip:#30251a;
  --kat-foto-1:#384e3e;
  --kat-foto-2:#213326;
}
/* Šport in gibanje (8. 10. 2026): hladna zelena trate. Telo in gibanje je
   združeno sem; njegova olivna je prešla na Športne objekte. */
[data-kat="sport"] {
  --kat-pastel:#b9d3c8;
  --kat-tekst:#3e6a5b;
  --kat-tih:#d8e8e1; --kat-na-tihem:#241C14;
  --kat-pastel-o:#b9d3c8;
  --kat-tekst-o:#7fb09e;
  --kat-tih-o:#1d2c26; --kat-na-tihem-o:#7fb09e;
  --kat-ohisje:#f3ece0;
  --kat-globina:#e6ddcd;
  --kat-noc:#ebe2d2;
  --kat-plosca:#f8f3ea;
  --kat-plosca-hi:#fcf9f3;
  --kat-i-bg:#18170f;
  --kat-i-bg-2:#26251b;
  --kat-i-cip:#26251b;
  --kat-foto-1:#33493f;
  --kat-foto-2:#1f3029;
}
/* Športni objekti (8. 10. 2026): olivna nekdanjega Telesa in gibanja —
   izmerjena, sorodna travi Športa in ločena od nje, kot sta klub in
   trener. */
[data-kat="objekti"] {
  --kat-pastel:#c2d3af;
  --kat-tekst:#5a6f3d;
  --kat-tih:#dde7d3; --kat-na-tihem:#241C14;
  --kat-pastel-o:#c2d3af;
  --kat-tekst-o:#8ea671;
  --kat-tih-o:#292a18; --kat-na-tihem-o:#8ea671;
  --kat-ohisje:#f6ebdb;
  --kat-globina:#ebddc8;
  --kat-noc:#eee1cd;
  --kat-plosca:#faf2e6;
  --kat-plosca-hi:#fdf8f0;
  --kat-i-bg:#21170f;
  --kat-i-bg-2:#31251b;
  --kat-i-cip:#31251b;
  --kat-foto-1:#4c4830;
  --kat-foto-2:#312e1b;
}
[data-kat="fotograf"] {
  --kat-pastel:#e6c5aa;
  --kat-tekst:#8a5f39;
  --kat-tih:#f1dfd0; --kat-na-tihem:#241C14;
  --kat-pastel-o:#e6c5aa;
  --kat-tekst-o:#c3956d;
  --kat-tih-o:#362517; --kat-na-tihem-o:#c3956d;
  --kat-ohisje:#f8eadc;
  --kat-globina:#eedbc9;
  --kat-noc:#f1e0ce;
  --kat-plosca:#fcf1e7;
  --kat-plosca-hi:#fff7f0;
  --kat-i-bg:#21170f;
  --kat-i-bg-2:#32251b;
  --kat-i-cip:#32251b;
  --kat-foto-1:#584333;
  --kat-foto-2:#3a2a1e;
}
[data-kat="ustvarjanje"] {
  --kat-pastel:#d6cca6;
  --kat-tekst:#72642b;
  --kat-tih:#e8e3ce; --kat-na-tihem:#241C14;
  --kat-pastel-o:#d6cca6;
  --kat-tekst-o:#a5965d;
  --kat-tih-o:#2e1e10; --kat-na-tihem-o:#a5965d;
  --kat-ohisje:#f7ebdc;
  --kat-globina:#ecdcc8;
  --kat-noc:#f0e0ce;
  --kat-plosca:#fbf2e7;
  --kat-plosca-hi:#fef8f0;
  --kat-i-bg:#21170f;
  --kat-i-bg-2:#31251b;
  --kat-i-cip:#31251b;
  --kat-foto-1:#534630;
  --kat-foto-2:#362c1b;
}
[data-kat="dom"] {
  --kat-pastel:#ebc1b3;
  --kat-tekst:#915b48;
  --kat-tih:#f4ddd5; --kat-na-tihem:#241C14;
  --kat-pastel-o:#ebc1b3;
  --kat-tekst-o:#cb907b;
  --kat-tih-o:#39241c; --kat-na-tihem-o:#cb907b;
  --kat-ohisje:#f9eadd;
  --kat-globina:#efdbca;
  --kat-noc:#f2dfcf;
  --kat-plosca:#fdf1e7;
  --kat-plosca-hi:#fff7f1;
  --kat-i-bg:#211710;
  --kat-i-bg-2:#32241b;
  --kat-i-cip:#32241b;
  --kat-foto-1:#5a4137;
  --kat-foto-2:#3c2921;
}
[data-kat="vozila"] {
  --kat-pastel:#b4cfee;
  --kat-tekst:#466b94;
  --kat-tih:#d6e5f6; --kat-na-tihem:#241C14;
  --kat-pastel-o:#b4cfee;
  --kat-tekst-o:#7aa1cd;
  --kat-tih-o:#242932; --kat-na-tihem-o:#7aa1cd;
  --kat-ohisje:#fce8e2;
  --kat-globina:#f3d8d1;
  --kat-noc:#f6ddd5;
  --kat-plosca:#fff0eb;
  --kat-plosca-hi:#fff7f4;
  --kat-i-bg:#221611;
  --kat-i-bg-2:#33241d;
  --kat-i-cip:#33241d;
  --kat-foto-1:#4d4258;
  --kat-foto-2:#322a3a;
}
[data-kat="zivali"] {
  --kat-pastel:#acd8c6;
  --kat-tekst:#31745d;
  --kat-tih:#d1eae0; --kat-na-tihem:#241C14;
  --kat-pastel-o:#acd8c6;
  --kat-tekst-o:#68aa91;
  --kat-tih-o:#1c2b21; --kat-na-tihem-o:#68aa91;
  --kat-ohisje:#f4ecdb;
  --kat-globina:#e8dec8;
  --kat-noc:#ece2cd;
  --kat-plosca:#f9f3e6;
  --kat-plosca-hi:#fcf8f0;
  --kat-i-bg:#21170f;
  --kat-i-bg-2:#31251a;
  --kat-i-cip:#31251a;
  --kat-foto-1:#424c35;
  --kat-foto-2:#2a311f;
}
[data-kat="znanje"] {
  --kat-pastel:#cfc6eb;
  --kat-tekst:#6e6192;
  --kat-tih:#e5e0f4; --kat-na-tihem:#241C14;
  --kat-pastel-o:#cfc6eb;
  --kat-tekst-o:#a496cb;
  --kat-tih-o:#2e2630; --kat-na-tihem-o:#a496cb;
  --kat-ohisje:#fce8e0;
  --kat-globina:#f2d9ce;
  --kat-noc:#f5ddd3;
  --kat-plosca:#fff0ea;
  --kat-plosca-hi:#fff7f3;
  --kat-i-bg:#221610;
  --kat-i-bg-2:#32241c;
  --kat-i-cip:#32241c;
  --kat-foto-1:#554050;
  --kat-foto-2:#382834;
}
[data-kat="dogodki"] {
  --kat-pastel:#e4c0d7;
  --kat-tekst:#8a5979;
  --kat-tih:#f0dce9; --kat-na-tihem:#241C14;
  --kat-pastel-o:#e4c0d7;
  --kat-tekst-o:#c28eb0;
  --kat-tih-o:#362429; --kat-na-tihem-o:#c28eb0;
  --kat-ohisje:#fbe9de;
  --kat-globina:#f1dacc;
  --kat-noc:#f4ded1;
  --kat-plosca:#fef0e9;
  --kat-plosca-hi:#fff7f3;
  --kat-i-bg:#221710;
  --kat-i-bg-2:#32241c;
  --kat-i-cip:#32241c;
  --kat-foto-1:#5a3f45;
  --kat-foto-2:#3c272c;
}

/* ── obrnjena ploskev ─────────────────────────────────────────────── */

/* Termina ima en obrnjen pogled na ploskev (.poudarek): črnilo. Pastelu
   se ni treba premakniti — svetel je na obojem — --kat-tekst pa se mora,
   ker mora biti na obrnjeni kartici v drugi polariteti. Ploskev, obrnjena
   na roko in ne s tem razredom (.publine v plošči, pobarvana s --sij),
   bere --kat-tekst-o naravnost. */
.poudarek {
  --kat-pastel:    var(--kat-pastel-o);
  --kat-tekst:     var(--kat-tekst-o);
  --kat-tih:       var(--kat-tih-o);
  --kat-na-tihem:  var(--kat-na-tihem-o);
  /* Pastel se ne obrne, zato mavrica polnila ostane; tihi toni pa se
     obrnejo v temno, in svetla tiha mavrica bi na obrnjeni ploskvi
     pokrila temni --kat-tih-o. */
  --kat-mavrica-tiha:   none;
  --kat-mavrica-svit:   none;
  --kat-mavrica-pilula: none;
}

/* ── oder kategorije ──────────────────────────────────────────────── */

/* En razred, na telesu strani o enem samem ponudniku. Vsak ploskovni
   žeton iz podoba.css se preda kategorijinemu, zato nobenemu pravilu
   nižje ni treba vedeti, da kategorije obstajajo. */
.kat-oder {
  --ohisje:     var(--kat-ohisje);
  --globina:    var(--kat-globina);
  --noc:        var(--kat-noc);
  --plosca:     var(--kat-plosca);
  --plosca-hi:  var(--kat-plosca-hi);
  --kartica:    var(--kat-plosca);
  --mleko:      var(--kat-plosca-hi);
  --papir-2:    var(--kat-plosca-hi);
  --vdolbina:   var(--kat-plosca-hi);
  --vdolbina-2: var(--kat-plosca-hi);
  --i-bg:       var(--kat-i-bg);
  --i-bg-2:     var(--kat-i-bg-2);
  --i-cip:      var(--kat-i-cip);
  --oder-1:     var(--kat-foto-1);
  --oder-2:     var(--kat-foto-2);
  background: var(--ohisje);
}

/* ── kaj barva sme ────────────────────────────────────────────────── */

/* Eno glavno dejanje na pogled. Drugi izbirnik ni okras: obrnjena
   ploskev oblikuje .btn-p s specifičnostjo dveh razredov, barva pa mora
   imeti zadnjo besedo na gumbu, ki jo nosi. */
.kat-dej,
.poudarek .kat-dej {
  background: var(--kat-mavrica) var(--kat-pastel);
  border-color: var(--kat-tekst);
  color: var(--kat-na-pastelu);
}
@media (hover:hover) and (pointer:fine){.kat-dej:hover,
.poudarek .kat-dej:hover{
  background: var(--kat-mavrica) var(--kat-pastel);
  border-color: var(--kat-tekst);
  color: var(--kat-na-pastelu);
  filter: brightness(1.04);
}}

/* Čipi in stanjske pilule: skoraj beli ton, z globljo sestro kot
   besedilom. */
.kat-cip,
.poudarek .kat-cip {
  background: var(--kat-mavrica-tiha) var(--kat-tih);
  color: var(--kat-na-tihem);
  border: 1px solid transparent;
}
/* Izbrani čip postane polnilo, ne glasnejši odtenek. */
.kat-cip.sel,
.poudarek .kat-cip.sel {
  background: var(--kat-mavrica) var(--kat-pastel);
  color: var(--kat-na-pastelu);
  border-color: var(--kat-tekst);
}

/* Cene in številke, ki pripadajo kategoriji: barva kot BESEDILO, torej
   globlja sestra in nikoli pastel. */
.kat-cena { color: var(--kat-tekst) }

/* Pastelna ploskev in lasast rob, ki jo naredi vidno. Polnilo in rob
   vedno potujeta skupaj — samo polnilo meri proti kremu 1,3–2,2:1 in
   bere kot madež. */
.kat-ploskev {
  background: var(--kat-mavrica) var(--kat-pastel);
  border: 1px solid var(--kat-tekst);
  color: var(--kat-na-pastelu);
}
.kat-rob { border-color: var(--kat-tekst) }

/* Krožec besednega znaka nikoli ne sledi kategoriji. Je znak znamke in
   ostane #8a5b26 (glej podoba.css). Kategorija, ki bi lahko prebarvala
   besedni znak, bi znamko naredila za lastnino tistega, ki ga gledamo. */

/* ── krogec skupine (lastnica, 9. 10. 2026) ───────────────────────────
   Ikon skupin ni več: skupina se loči samo po barvi. Krogec nosi pastel
   skupine (to je barva, po kateri jo stranka prepozna) z lasnico v globlji
   sestri, da se na beli strani ne razblini. Na temni ploskvi lasnica ni
   potrebna — pastel tam sveti sam. Žetone prebere iz [data-kat] na sebi
   (ikone.js ga vpiše), zato ne potrebuje nobene barve od starša. */
.kat-pika{
  display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;
  vertical-align:middle;background:var(--kat-mavrica-krog) var(--kat-pastel);
  box-shadow:inset 0 0 0 1px var(--kat-tekst);
}
.poudarek .kat-pika,.oder-hero .kat-pika,.sk.on .kat-pika,.cip.izbran .kat-pika{box-shadow:none}