/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Copyright (C) 2011-2026 Electronic Study Bible.                           */
/* All rights reserved.  Void where prohibited.                              */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@charset "UTF-8";

:root {
  /* font  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* color * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  --fg-color: var(--fg-color1);
  --fg-color0: #666;
  --fg-color1: #336;
  --fg-color2: #558;
  --fg-color3: #77A;
/*
  --bg-color1: #DDD;
  --bg-color2: #CCC;
  --bg-color3: #BBB;
*/
  --bg-color: var(--bg-color1);
  --bg-color0: #999;
  --bg-color1: #BBB;
  --bg-color2: #DDD;
  --bg-color3: #FFF;
  --bd-color: #555;
  --bd-color0: var(--bd-color1);
  --bd-color1: #333;
  --bd-color2: #777;
  --bd-color3: #999;
  --bd-color-lo0: #000;
  --bd-color-hi0: #222;
  --bd-color-lo1: #333;
  --bd-color-hi1: #555;
  --bd-color-lo2: #555;
  --bd-color-hi2: #777;
  --bd-color-lo3: #777;
  --bd-color-hi3: #999;
  /* --hbar-fade: linear-gradient(#DDD, #CCC, #BBB, #AAA, #AAA); */
  --hbar-fade:
    linear-gradient(to bottom, #DDD,#CCC, #BBB, #BBB, #BBB, #CCC),
    linear-gradient(to right,
      rgba(0,0,0,.2),
      transparent 20%,
      transparent 80%,
      rgba(0,0,0,.2)
    );
  /* --bar-fade: linear-gradient(#DDD, #BBB, #BBB, #BBB, #DDD); */
  --bar-fade:
    linear-gradient(to bottom,  #CCC, #BBB, #BBB, #BBB, #CCC ),
    linear-gradient(to right,
      rgba(0,0,0,.2),
      transparent 20%,
      transparent 80%,
      rgba(0,0,0,.2)
    );
  /* --fbar-fade: linear-gradient(#AAA, #AAA, #BBB, #CCC, #DDD); */
  --fbar-fade:
    linear-gradient(to bottom, #CCC, #BBB, #BBB, #BBB, #CCC),
    linear-gradient(to right,
      rgba(0,0,0,.2),
      transparent 20%,
      transparent 80%,
      rgba(0,0,0,.2)
    );
  /* window, header, main, footer  * * * * * * * * * * * * * * * * * * * * * */
  --window-fg-color: #DDD;
  --window-bg-color: #333;
  --window-bg-image: none;
  --header-fg-color: var(--bg-color1);
  --header-bg-color: var(--fg-color1);
  --header-bd-width: 2px;
  --header-bd-style: outset;
  --header-bd-color: var(--bd-color1);
  --footer-fg-color: var(--bg-color3);
  --footer-bg-color: var(--fg-color1);
  --footer-bd-width: var(--header-bd-width);
  --footer-bd-style: var(--header-bd-style);
  --footer-bd-color: var(--bd-color1);
  --main-fg-color: var(--fg-color1);
  --main-bg-color: var(--bg-color2);
  --main-bd-width: var(--header-bd-width);
  --main-bd-style: var(--header-bd-style);
  --main-bd-color: var(--bd-color1);
  /* link, input * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  --link-fg-color1: #00B; /* link, visited */
  --link-fg-color2: #00D; /* hover, focus */
  --link-fg-color3: #00F; /* active */
  --link-decoration-line1: underline;
  --link-decoration-line2: underline overline;
  --link-decoration-line2: var(--link-decoration-line2);
/*
  --link-decoration-style1: dotted;
  --link-decoration-color1: var(--link-fg-color1);
  --link-decoration-thickness1: unset;
  --link-decoration-style2: var(--link-decoration-style1);
  --link-decoration-color2: var(--link-fg-color2);
  --link-decoration-thickness2: var(--link-decoration-thickness1);
  --link-decoration-line3: var(--link-decoration-line2);
  --link-decoration-style3: var(--link-decoration-style2);
  --link-decoration-color3: var(--link-fg-color3);
  --link-decoration-thickness3: var(--link-decoration-thickness2);
*/
/*
  --verses-link-fg-color1: #00F;
  --verses-link-fg-color2: #66F;
  --verses-link-fg-color3: #99F;
*/
/*
  --select-fg-color: var(--fg-color1);
  --select-bg-color: var(--bg-color1);
  --select-bd-color: var(--bd-color);
  --select-fg-color2: var(--fg-color2);
  --select-bg-color2: var(--select-bg-color);
  --select-bd-color2: var(--bd-color2);
  --select-fg-color0: var(--fg-color0);
  --select-bg-color0: var(--bg-color0);
  --select-bd-color0: var(--bd-color0);
*/
  /* Box Shadow */
  /* top button  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*
  --topbutton-fg-color: #DDD;
  --topbutton-bg-color: #000;
  --topbutton-bd-color: #666;
  --topbutton-fg-color2: #FFF;
  --topbutton-bd-color2: #FFF;
*/
  /* page  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* --error-table-bd-color: #000; */
  /* --menu-group-ext-bd-color: #000; */
  /* --menu-group-int-bd-color: #000; */
  /* --menu-fieldset-bd-color: var(--th-bd-color); */
  /* search  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  --search-sub-fg-color1: var(--bg-color2);
  --search-sub-bg-color1: transparent;
  --search-sub-bd-color1: var(--bd-color3);
  --search-sub-fg-color2: var(--bg-color3);
  --search-sub-bg-color2: transparent;
  --search-sub-bd-color2: var(--bd-color3);
  --search-ref-bg-image: var(--search-ref-bg-image-dark);
  /* title * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*
  --title-fg-color1: #000;
  --title-bg-color1: transparent;
  --title-bd-color1: #666;
  --title-fg-color2: #000;
  --title-bg-color2: transparent;
  --title-bd-color2: #999;
  --title-sub-fg-color1: #000;
  --title-sub-bg-color1: transparent;
  --title-sub-bd-color1: #666;
  --title-sub-fg-color2: #000;
  --title-sub-bg-color2: transparent;
  --title-sub-bd-color2: #999;
  --title-subtitle-fg-color: #000;
  --title-subtitle-bg-color: var(--title-bg-color);
  --title-subtitle-bd-color: #666;
*/
  /* fail  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* buttons * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* sbutton * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*
  --sbutton-fg-color1: #000;
  --sbutton-fg-color2: #111;
  --sbutton-bg-color1: #AAA;
  --sbutton-bg-color2: #BBB;
  --sbutton-bd-color1: #999;
  --sbutton-bd-color2: #777;
  --sbutton-bg-color01: #333;
  --sbutton-bg-color02: #333;
  --sbutton-bg-color01: #999;
*/
  /* cbutton * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* fbutton * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* bar, hbar, fbar * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*
  --header-title-color: #000;
  --header-title-bg-color: #000;
  --header-title-bd-color: #000;
  --header-title-color2: #000;
  --header-title-bg-color2: #000;
  --header-title-bd-color2: #000;
*/
  /* table * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*
  --table-bd-color: #000;
*/
/*
  --table-top-bg-color: transparent;
  --table-top-bg-image: var(--hbar-fade);
  --table-top-header-bg-color: transparent;
*/
/*
  --table-header-color: #000;
  --table-header-bg-color: #999;
  --table-header-bd-color: #000;
  --table-data-color: #000;
  --table-data-bg-color: #EEE;
  --table-data-bd-color: #000;
*/
/*  --chap-num-color: #000; */
  /* verse * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*  --sect-header-color: var(--v-color); */
/*
  --v-num-color: #0000FF;
  --v-color: #000;
  --v-note-color: #006600;
  --v-column-rule-color: #660;
  --v-selection-color: #000;
  --v-selection-bg-color: #FF0;
  --var1-color: #066;
  --var2-color: #660;
*/
  /* misc  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* scrollbar, resizer  * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* Firefox */
/*
  --scrollbar-fg-color: #CCC;
  --scrollbar-bg-color: #FFF;
*/
  /* Chrome, Edge, Safari */
/*
  --scrollbar-box-shadow: inset 0 0 5px #999;
  --scrollbar-button-bg-color: #FFF;
  --scrollbar-button-bd-color: 1px solid #000;
  --scrollbar-button-bd-radius: 5px;
  --scrollbar-button-bg-color2: #CCC;
  --scrollbar-button-bd-width2: 1px;
  --scrollbar-button-bd-style2: solid;
  --scrollbar-button-bd-color2: #000;
  --scrollbar-thumb-bg-color: #FFF;
  --scrollbar-thumb-bd-width: 1px;
  --scrollbar-thumb-bd-style: solid;
  --scrollbar-thumb-bd-color: #000;
  --scrollbar-thumb-bd-radius: 5px;
  --scrollbar-thumb-bg-color2: #CCC;
  --scrollbar-thumb-bd-width: 1px;
  --scrollbar-thumb-bd-style: solid;
  --scrollbar-thumb-bd-color2: #000;
*/
  /* NOTE: Use track or track-piece, but not both; Set unused to initial */
/*
  --scrollbar-track-bg-color: initial;
  --scrollbar-track-bd-color: initial;
  --scrollbar-track-bd-radius: initial;
  --scrollbar-track-bg-color2: initial;
  --scrollbar-track-bd-color2: initial;
  --scrollbar-track-piece-bg-color: #DDD;
  --scrollbar-track-piece-bd-width: 1px;
  --scrollbar-track-piece-bd-style: solid;
  --scrollbar-track-piece-bd-color: #000;
  --scrollbar-track-piece-bd-radius: 5px;
  --scrollbar-track-piece-bg-color2: #BBB;
  --scrollbar-track-piece-bd-width: 1px;
  --scrollbar-track-piece-bd-style: solid;
  --scrollbar-track-piece-bd-color2: #000;
  --scrollbar-corner-bg-color: #FFF;
  --scrollbar-corner-bd-width: 1px;
  --scrollbar-corner-bd-style: solid;
  --scrollbar-corner-bd-color: #000;
  --scrollbar-corner-bd-radius: 5px;
  --scrollbar-corner-bg-color2: #CCC;
  --scrollbar-corner-bd-width2: 1px;
  --scrollbar-corner-bd-style2: solid;
  --scrollbar-corner-bd-color2: #000;
  --resizer-bg-color: #FFF;
  --resizer-bd-width: 1px;
  --resizer-bd-style: solid;
  --resizer-bd-color: #000;
  --resizer-bd-radius: 5px;
  --resizer-box-shadow: inset 0 0 5px #999;
*/
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* EOF */
