@layer cfg {
@property --BGhsl_H    {initial-value: 36; syntax:'<integer>'; inherits:true}
@property --BGhsl_S    {initial-value: 56; syntax:'<integer>'; inherits:true}
@property --BGhsl_L    {initial-value: 90; syntax:'<integer>'; inherits:true}
@property --ColumnCnt  {initial-value: 1;  syntax:'<integer>'; inherits:true}
/*@property --ColomnGap  {initial-value: 27; syntax:'<integer>'; inherits:true}
@property --StatHeight {initial-value: 15; syntax:'<integer>'; inherits:true}
@property --StatColor  {initial-value: #008000; syntax:'<color>'; inherits:true}
@property --SeparColor {initial-value: #008000; syntax:'<color>'; inherits:true}
@property --FontSize   {initial-value: 32px; syntax:'<length>'; inherits:true}
@property --StatL_L    {initial-value: 4%; syntax:'<percent>'; inherits:true}
@property --TOCwidth   {initial-value:200px; syntax:'<length>'; inherits:true}
@property --MarginLeft {initial-value: 4; syntax:'<integer>'; inherits:true}
@property --MarginRight{initial-value: 6; syntax:'<integer>'; inherits:true}
@property --MarginTop  {initial-value: 0; syntax:'<integer>'; inherits:true}
@property --MarginBott {initial-value: 4; syntax:'<integer>'; inherits:true}
*/
:root {
 --ZoomLevel:1 /* Browserzoom, wird in showMenu() gesetzt */
 --BGhsl_H   :  36;    /* 30..50, weniger als 30 eigentlich nicht sinnvoll */
 --BGhsl_S   :  56;    /* 40..60%, weniger als 40% eigentlich nicht sinnvoll */
 --BGhsl_L   :  86;    /* 60..99%, weniger als 60% eigentlich nicht sinnvoll */
 --StatL_L   :  4;     /* % Helligkeitserhöhung für Statuszeile, TOC und Menü */
 --FontSize  :  32px;
 --TOCwidth  :  200px; /*  */
 --Menuwidth :  280px; /*  */
 --StatLine  :  1;     /* 1 = immer sichtbar, 0 = autom.ein-/ausblenden */
 --StatHeight:  19;    /* Höhe der Statuszeile, 0px möglich, sonst 13 oder mehr */
 --StatRealH :  calc(1px * var(--StatHeight)); /* Reale Höhe */
 --StatH     :  calc(1px * var(--StatHeight) * var(--StatLine));
 --Background:  HSL(var(--BGhsl_H) calc(1% * var(--BGhsl_S)) calc(1% * var(--BGhsl_L)));/* HSL(49, 52%, 88%), (46 42% 94%)=Calibre-Menü */
 --StatL_BG  :  HSL(var(--BGhsl_H) calc(1% * var(--BGhsl_S)) calc(1% * (var(--BGhsl_L) + var(--StatL_L))));/*  */
 --StatColor :#008000; /* Farbe der Schrift in der Statuszeile ### WICHTIG: kein Leerzeichen nach : */
 --SeparColor:#008000; /* Farbe der Trennlinien ### WICHTIG: kein Leerzeichen nach : */
 --MarginLeft:  4;
 --MarginRight: 6;
 --MarginTop :  0;
 --MarginBott:  4;
 --MargLeft  :  calc(1px * var(--MarginLeft));
 --MargRight :  calc(1px * var(--MarginRight));
 --MargTop   :  calc(1px * var(--MarginTop));
 --MargBott  :  calc(1px * var(--MarginBott));
 --ColumnGap :  21; /* 0 möglich, aber nicht sinnvoll */
 --ColGap    :  calc(1px * var(--ColumnGap));
 --ColumnCnt :  2;    /* 1..?, mehr als 2 eigentlich nicht sinnvoll */
 --EditEPUB  :  1;    /* 1 ePUB-Datei editieren, 0 = Dateien im Buch-Order bearbeiten */
 --OpenDir   :  0;    /* 1 Verzeichnis im Buch-Order öffnen, 0 = ePUB-Datei öffnen */
 --DelEmpty  :  1;    /* 1 Unnötige Leerzeilen entfernen, 0 = nicht entfernen */
 --Initials  :  1;    /* 1 'Initials'-Font für 1. Buchstaben am Textanfang verwenden, 0 = nicht verwenden */
}}
/* Logical Operations with CSS Custom Properties:
:root {
    --j: 1;
    --k: 0;
}
element {
    --notj: calc(1 - var(--j));
    --and: calc(var(--k)*var(--i));
    --nand: calc(1 - var(--k)*var(--i));
    --or: calc(1 - (1 - var(--k))*(1 - var(--i)));
    --nor: calc((1 - var(--k))*(1 - var(--i)));
    --xor: calc((var(--k) - var(--i))*(var(--k) - var(--i)));
}*/