@charset "UTF-8";

:root {
  --body-back-color: #000;
  --body-text-color: #fff;

  --dark-bdr-color: #000;
  --dkgrey-bdr-color: #555;
  --grey-bdr-color: #999;
  --lite-bdr-color: #eee;

  --tog-bdr-color: #000;
  --alttog-bdr-color: #eee;

  --dark-shadow: #0007;
  --bright-halo: #fff7;

  --alink-text-color: #07e;
  --alink-hover-color: #077;
  --alink-shadow: #077c;

  --llk-text-color: #999;
  --llk-hover-color: #777;

  --wwk-text-color: #5cf;
  --wwk-hover-color: #dff;

  --leftpane-back-color: #444;
  --leftpane-text-color: #eee;
  --centerpane-back-color: #333;
  --centerpane-text-color: #fff;
  --rightpane-back-color: #333;
  --rightpane-text-color: #eee;

  --mainbox-back-color: #333;
  --rightbox-back-color: #444;

  --key-btn-back-color: #259;
  --lesser-btn-back-color: #777;
  --key-btn-hover-color: #37b;
  --lesser-btn-hover-color: #999;

  --contact-form-back-color: #bbb;
  --contact-form-text-color: #222;
  --inputfield-back-color: #fff;
  --inputfield-inset-color: #ddd;

  --max-menu-wid: 12rem;  /* maximum width of each dropdown menu */

  --menu-hover-color: #fff;            /* text color of menu item when hovered */
  --menu-hover-shadow: #bbbc;   
  --menu-back-color: #bbb;   /* should match menuback */
  --menu-text-color: #000;   /* normal text color of menu item, not hovered */
  --menu-highlight-color: #888;  /* menu item background when hovered, highlighted */
}