:root, [data-theme="default"] {
  /* OPTIMA DARK */
  --clr-bg: #333;
  --clr-bg-light: #444;
  --clr-bg-semidark: #222;
  --clr-bg-dark: #000;

  
  --clr-bg-modal: #06395678;
  --clr-bg-odd: #333;
  --clr-bg-even: #3c3c3c;
  --clr-bg-texthover: #063956; /*#1a638d;*/
  --clr-bg-active: #0c5b88;

  --clr-bg-newconfig:  #585c3d;
  
  --clr-border: #666;
  --clr-border-dark: #000;
  --clr-border-modal: #0a6aa1;
  --clr-border-stage: #326692;
  
  --clr-f: #999;
  --clr-f-dark: #777;
  --clr-f-light: #eee;

  --clr-f-head: #428bca;
  --clr-f-title: #5bb1fb;
  --clr-f-param: #77abd7;/*#c0d9e4;*/

  /* tree lamp */
  --clr-tree-lamp-hover: #727662;
  --clr-tree-lamp-hover-f: #000;
  --clr-tree-lamp: #d6f458;

  /* tree lampgroup */
  --clr-tree-lampgr-hover: #828d5c;
  --clr-tree-lampgr-hover-f: #000;	
  --clr-tree-lampgr: #d6f458;

  /* control */
  --clr-control-on: #5bb1fb;
  --clr-control-off: #324c62;

  /* alert */
  --clr-a-bg:#4a3333;
  --clr-a-dark: #431616;


  --clr-a-border-modal:  #ff0101;

  --clr-a-box-shadow: rgb(0,0,0,0.2);
  --clr-a-hover: #ff0101;

  --clr-a-f:#eee;
  --clr-a-f-head: #e4c0c0;
  --clr-a-f-hover: #fff;

  /* schedules */
  --clr-bg-sch-on: #d6f458;
  --clr-bg-sch-dim: #ff8000;
  --clr-bg-sch-off: #ff0000;
  --clr-bg-sch-scr: #808080;

  /* graph colors */
  --clr-graph-ABC: #a000ff;
  --clr-graph-A: #ff6000;
  --clr-graph-B: #00d600;
  --clr-graph-C: #0058ff;

  /* map */
  --clr-map-offset:var(--clr-bg-dark);
  --clr-map-fill:var(--clr-f); 
}

[data-theme="light"] {
  /* OPTIMA light */
  --clr-bg: #eee;
  --clr-bg-light: #fff;
  --clr-bg-semidark: #ddd;
  --clr-bg-dark: #ccc;

  
  --clr-bg-modal: rgba(0,0,0,0.4);
  --clr-bg-odd: #eee;
  --clr-bg-even: #ddd;
  --clr-bg-texthover: #beebff; /*#1a638d;*/
  --clr-bg-active: #e7f4f9;
  
  --clr-bg-newconfig:  #ffffaa;

  --clr-border: #999;
  --clr-border-dark: #ccc;
  --clr-border-modal: #0a6aa1;
  --clr-border-stage: #428bca;

  --clr-f: #333333;
  --clr-f-dark: #000;
  --clr-f-light: #454545;

  --clr-f-head: #428bca;
  --clr-f-title: #428bca;
  --clr-f-param: #4980af;/*#c0d9e4;*/

  /* tree lamp */
  --clr-tree-lamp-hover: #c1d863;
  --clr-tree-lamp-hover-f: #000;
  --clr-tree-lamp: #d6f458;

  /* tree lampgroup */
  --clr-tree-lampgr-hover: #c1d863;
  --clr-tree-lampgr-hover-f: #000;	
  --clr-tree-lampgr: #d6f458;

  /* control */
  --clr-control-on: #c8ef67;
  --clr-control-on-disabled: #dbe7bd;

  /* alert */
  --clr-a-bg:#ddd;
  --clr-a-dark: #dfa2a2 ;


  --clr-a-border-modal:  #ff0101;
  --clr-a-box-shadow: rgb(0,0,0,0.5);
  --clr-a-hover: #ff0101;

  --clr-a-f:#eee;
  --clr-a-f-head: #993838;
  --clr-a-f-hover: #fff;

  /* schedules */
  --clr-bg-sch-on: #008000;
  --clr-bg-sch-dim: #ff8000;
  --clr-bg-sch-off: #ff0000;
  --clr-bg-sch-scr: #808080;

  /* graph colors */
  --clr-graph-ABC: #4a0076;
  --clr-graph-A: #ff6000;
  --clr-graph-B: #006600;
  --clr-graph-C: #0058ff;  

  /* map */
  --clr-map-offset:#fff;
  --clr-map-fill:var(--clr-f-dark);  
}