12 /* essential = transparent white */
13 .level0 > figure:before {
14 box-shadow: inset 0 0 2em #FFF;
17 /* ubiquitous = cyan */
18 .level1 > figure:before {
19 box-shadow: inset 0 0 1em #0FF;
21 .level1 > figure figcaption {
27 filter: hue-rotate(-70deg) sepia(.4) hue-rotate(70deg) saturate(2);
29 .level2 > figure:before {
30 box-shadow: inset 0 0 1em #6FA;
32 .level2 > figure figcaption {
38 filter: hue-rotate(-45deg) sepia(.6) hue-rotate(45deg) saturate(2);
40 .level3 > figure:before {
41 box-shadow: inset 0 0 1em #2F0;
43 .level3 > figure figcaption {
47 /* distinctive = yellow */
49 filter: hue-rotate(-15deg) sepia(.7) hue-rotate(15deg) saturate(2);
51 .level4 > figure:before {
52 box-shadow: inset 0 0 1em #FD0;
54 .level4 > figure figcaption {
58 /* specialised = orange */
60 filter: hue-rotate(10deg) sepia(.8) hue-rotate(-10deg) saturate(2);
62 .level5 > figure:before {
63 box-shadow: inset 0 0 2em #F80;
65 .level5 > figure figcaption {
71 filter: hue-rotate(40deg) sepia(.9) hue-rotate(-40deg) saturate(2);
73 .level6 > figure:before {
74 box-shadow: inset 0 0 3em #F00;
76 .level6 > figure figcaption {
80 /* invisible = grey */
82 filter: sepia(.9) hue-rotate(-60deg);
84 .level7 > figure:before {
85 box-shadow: inset 0 0 3em #804;
87 .level7 > figure figcaption {