/*
_________________________
THEME-TEST !
[style:theme-default][style:theme-test][style:css-sidetoc-num1][style:css-emphasis][style:css-dyntoc]

[TOC]


*** META

This time applied to classics...
:
    * https://e2h.totalism.org/e2h.php?_=alike&CSSPAD=theme-test
    * https://e2h.totalism.org/e2h.php?_=calendar&CSSPAD=theme-test
    * https://e2h.totalism.org/e2h.php?_=index&CSSPAD=theme-test
    * [...]


THESE VARIABLES COME VIA...
:
  (for 'theme-default')
:
    * [::CSS-default]
    * [::css-sidetoc-css]
    * [::theme-neo-css]
    * [...]


  (for graphs)
:
    * [::graph-exact-css] allows setting specific node colors:
        * example #1: : [::graph-exact20181208-2202-css]
        * example #2 : [::graph-exact-v2] (20190204)
    * [::glia-graph-pad] FOR DEBUGGING OUTPUTS STUFF
    * [...]




__________________________________




Missing #TODO

:
    _____________ first:
    * title fg <<< NOW: U FG

    _____________ then:
    * TOC lvls fg <<< NOW: "BLACK" ... auto-diminish color would be great ... see "dark-palette" as a future pad !!!
    * TOC lvls bg <<< NOW: NOTHING:
        would be great especially to stand out from complex backgrounds !!!!!!
    * TOC lvls bg hover <<< NOW: A HOVER 
    * TOC B fg <<< NOW: same as lvl 0 fg
    * main text (bg, maybe fg):
        * p
        * strong
        * em
    * [...]


    _____________ (new) TODOS BELOW:

* 20190905:
    css-wide ne razširi TOC BGja (BG2 al kaj je) !!!
    vsaj na representation.systems ga ni

* 20190905:
    * test and include ETTb ETTf !!!
        (TOC text colors)
    * ... make sure the gradienting also works :)
    * ... think of applying this to other stuff ???:
        it's amazing !!! ... #tomerge [::dev-css]

* 20190727 so:
    * how do I set TOC FG color? the "levels" subtypes only?:
        TODO: make master FG for that
        TODO: it's definitely not there in this demo right now

* make this perfect:
    make all definitions CYCLE BASIC COLORS, to search easily:
        * "blue-yellow"
        * ALWAYS: alphabetical (so only one way o writing it)
        * ALWAYS: same primary colors (define as X1, X2, X3) :)
        * different pulses (from 0-3 changes) possible !

* Fail: setting link colors influences lvl ???



_________________________
*/




/*
####################
####################
####################
####################
####################
*** Features
*/
:root {

/************** MAKE SURE ALL COMMENTS ARE FOLLOWED BY ";" ************************/



/*MAIN TEXT COLOR*/
  --FG: white; //.................... main text color;


/*TEXT SETTINGS*/
  --LINE-HEIGHT: 137%; //.................... text line height{150%};
/* ^ not sure if this one works 20191005 !!! */


/*COMMON COLOR*/
  --A: blue; //............................... TOC lvl0 bg ...also: U fg, TOCnum bg, title bg;


/*TOC*/
  --A_: red; //.............................. TOC lvl0 fg{FG} ...also: TOCnum fg;
  --B: lime; //............................... TOCnum bg{A};
  --B_: white; //............................... TOCnum fg{A_};


/*DOC TITLE*/
  --Tb: repeating-linear-gradient(90deg, black 10px, violet 2px, red 3px, maroon 11px, lavender 8px) !important; //....... title bg;
  --Tf: blue !important; //........................... title fg{Afg} [maybe buggy in comb with some other styles] ................;
  --Tx: whatever; //............................ title border-bottom color , if using css-u_smaller atm ! #TODO;
  --Tsize: 36%; //.............................. normal is 180% in CSS-default on 20191005 .................;

/*
_________________________________________
Revisions:
    20190612 in development #todev;
    20190701 retrying...
    20190730:
        * At & Af seemed to work!
        * renaming to Tb,Tf ........ keeping for now the old ones!
    20191005:
        * Tsize
____________________________________________
*/ 


/*BACKGROUND*/

  --BG3: repeating-linear-gradient(
      111deg, blue 10px, white 11px, orangered 141px, indigo 15px) !important; //main (external) bg ... also TOC bg ............... MAIN BACKGROUND;

  --BG2: repeating-linear-gradient(
      66deg, lime 5px, green 6px, yellow 6px, cyan 64px, mediumseagreen 16px) !important; //..................... TOC bg;

  --BG: repeating-linear-gradient(111deg, magenta, violet 121px, red 3px, maroon 11px, lavender 8px) !important; // ............. main container background;


/*HEADINGS (content titles) [U+B]*/
  --Abg: purple; //.......................... U bg;
  --Afg: lime; //............................ U fg ...also: title fg;
  --Ax: blue; //.......................... U underline (was 'A3');
  --Asize: 150%; //.......................... font-size;


/*BUTTONS*/
  --BTb: black; //............................ side buttons: bg;
  --BTf: yellow;  //................................ side buttons: fg;
  --BTx: orange; //.............................. side buttons: border;


/*LINKS*/
  --L: gold; //.................................. link color;
  --LH: yellow; //................................ link hover color;
  --LHb: red; //............................ link hover bg;


/*SEPARATOR*/
  --DIVP: 45%; //............................. sidetoc position (left break);
  --DIVPbreak: 5%; //...................... sidetoc additional right space (right break);


/*EMPHASIS 1: "SECTIONS" [I+B]*/
  --EMbg: yellow;
  --EMfg: brown;

/*
Btw, this is how some inline empahasis looks like, followed by a full line
Here's this one
*/




/*EMPHASIS 2: "CONCEPTS" [I+U]*/
  --EM2bg: lightcyan;
  --EM2fg: red;
  --EM2x: lime;

/*
Is it working already ???
Even the EM2x? Grrrrrrrrrrrrrr!
For a full line too?
*/





/*
*** Features: Testing
*/

/*TOC item colors (lvl1+)*/
  --ETTb: 244,255,166;
  --ETTf: 11,122,33;
}





/*
*** Features: Future
( THESE PROBABLY DO NOT WORK  !!!!!! )
*/

/*FONTQ: ??? */
  --FONTQ: 616px !important;  //...................... sidetoc additional right space (right break);