:root {
  --board: blue;
  color-scheme: light;
  --color-scheme: light;
  --bg-color: #dee3e6;
  --fg-color: #212529;
  --bs-body-bg: var(--bg-color);
  --bs-body-color: var(--fg-color);
  --bs-body-bg-rgb: 222, 227, 230;
  --bs-body-color-rgb: 33, 37, 41;
  --form-control-bg: #ffffff;
  --flash-color: #ffcccc;
  --bs-border-color: #b5c0c8;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.2);
}

.feature3 {
  background-color: var(--bg-color);
  color: var(--fg-color);
}

.chat-text {
  color: rgba(0, 0, 0, 0.65);
}
.chat-text strong {
  color: rgba(80, 80, 120, 0.65);
}
.chat-text strong.mine {
  color: rgba(30, 60, 180, 0.8);
}
.chat-text strong.mention {
  color: rgba(240, 120, 120, 0.7);
}
.chat-text strong.chat-notification {
  color: rgba(140, 140, 140, 0.8);
}
.chat-text span.timestamp {
  color: rgba(140, 140, 140, 0.8);
}
.chat-text-suffix {
  color: #8E9DA5;
}
.chat-info {
  background-color: rgba(255, 255, 255, 0.125);
  border-bottom-color: rgba(0, 0, 0, 0.125);
}
.chat-info .btn-outline-secondary {
  --bs-btn-color: rgba(80, 80, 120, 0.65);
  --bs-btn-hover-color: rgba(159, 184, 228, 0.75);
  --bs-btn-active-color: rgba(159, 184, 228, 0.75);
}

.tab-unviewed {
  --bs-nav-link-color: tomato;
  --bs-nav-link-hover-color: tomato;
}

.counter-bubble {
  fill: red;
}
.counter-number {
  fill: white;
}

.clock.my-turn {
  background-color: rgba(0, 0, 0, 0.125);
}
.clock.low-time {
  color: red;
}

.game-card {
  --game-tie-color: #fcddae;
  --game-win-color: #d4f9d9;
  --game-lose-color: #f9d4d4;
  --border-highlight-color: #009900;
  --border-expand-color: #000000;
}
.game-card.game-focused {
  border-color: var(--border-highlight-color);
}
.game-card .title-bar {
  --bs-card-cap-bg: #CCCCCC;
}

.top-panel,.bottom-panel {
  color: currentColor;
}

.game-status {
  color: rgba(80, 80, 120, 0.65);
}
.game-watchers {
  color: currentColor;
}

.toggle-btn-selected.btn-outline-secondary {
  --bs-btn-bg: #BBBBBB;
}
.btn-transparent {
  --bs-btn-hover-color: #4da6ff;
}

.modal {
  --bs-modal-color: var(--fg-color);
  --bs-modal-bg: var(--bg-color);
}

.form-check-input {
  --bs-form-check-bg: #FFFFFF;
}

.form-control,
.form-control:active,
.form-control:focus,
#fake-input-text:focus-within {
  background-color: var(--form-control-bg);
  border-color: var(--bs-border-color);
  color: var(--fg-color);
  --box-shadow-color: rgba(13, 110, 253, .25);
}
.form-control:disabled {
  background-color: #e1e6ea;
}
.input-group-text {
  background-color: #f0f3f6;
  border-color: var(--bs-border-color);
}

.form-range::-webkit-slider-runnable-track {
  background-color: rgba(0, 0, 0, 0.13);
}
.form-range::-moz-range-track {
  background-color: rgba(0, 0, 0, 0.13);
}
.form-range::-ms-track {
  background-color: rgba(0, 0, 0, 0.13);
}

.form-heading {
  color: #638FA8;
}
#fake-input-text:focus-within {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  --box-shadow-color: rgba(13, 110, 253, .25);
}

#game-toolbar {
  background-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
#game-toolbar .btn {
  --bs-btn-active-color: rgba(159, 184, 228, 0.75);
}

#move-table {
  --bs-table-color: var(--fg-color);
}
#move-table .selectable:hover {
  --bs-table-bg: rgba(0, 0, 0, 0.075);
}
#move-table .selectable:hover .move {
  color: #0a58ca;
}
#move-table .selectable:hover .selected {
  background-color: rgba(0, 0, 0, 0.1);
}
#move-table .selected {
  background-color: rgba(0, 0, 0, 0.1);
}
#move-table .subvariation table {
  --bracket-color: #bf8090;
  border-color: var(--bracket-color);
}
#move-table > tbody > .subvariation {
  --bs-table-bg: rgba(0, 0, 0, 0.05);
}
#move-table .subvariation .selectable:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
#move-table .subvariation .selected {
  background-color: rgba(0, 0, 0, 0.15);
}
#move-table .subvariation .move {
  color: #191970;
}
#move-table .move .piece-glyph::before {
  color: currentColor;
}
#move-table .selectable:not(:hover) .move:not(.selected) .piece-glyph.black::before {
  color: color-mix(in srgb, currentColor 65%, white 35%); 
}

.movetime {
  color: var(--bs-secondary-color, #6c757d);
}

.movelist .selected {
  background-color: rgba(0, 0, 0, 0.2);
  color: #000000;
}
.movelist .subvariation {
  color: #5e4d3b;
}
.movelist .subvariation::before {
  border-left-color: rgb(33, 37, 41);
}
.movelist .subvariation .selected {
  background-color: rgba(0, 0, 0, 0.2);
  color: #2e2418;
}
.movelist .move:hover,
.movelist .move.hovered,
.movelist .subvariation .move:hover,
.movelist .subvariation .move.hovered {
  color: rgb(10, 88, 202);
}
.movelist .selected:hover,
.movelist .subvariation .selected:hover {
  color: rgb(10, 88, 202);
}
.movelist .piece-glyph.white::before {
  color: currentColor;
}
.movelist .piece-glyph.black::before {
  color: color-mix(in srgb, currentColor 70%, white 30%); /* fancy new method for lightening/darkening colors */
}

.piece-glyph.white.king::before { content: "\2654"; }
.piece-glyph.white.queen::before { content: "\2655"; }
.piece-glyph.white.rook::before { content: "\2656"; }
.piece-glyph.white.bishop::before { content: "\2657"; }
.piece-glyph.white.knight::before { content: "\2658"; }
.piece-glyph.white.pawn::before { content: "\2659"; }
.piece-glyph.black.king::before { content: "\265A"; }
.piece-glyph.black.queen::before { content: "\265B"; }
.piece-glyph.black.rook::before { content: "\265C"; }
.piece-glyph.black.bishop::before { content: "\265D"; }
.piece-glyph.black.knight::before { content: "\265E"; }
.piece-glyph.black.pawn::before { content: "\265F"; }

.comment {
  color: #777;
  caret-color: #212529;
}

.nav-tabs {
  --bs-nav-tabs-link-active-bg: rgba(255, 255, 255, 0.5);
}
.nav-pills {
  --bs-nav-pills-link-active-color: #6c757d;
  --bs-nav-pills-link-active-bg: #f7f7f7;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  border-color: rgba(0,0,0,.125);
}

#engine-panel .btn-check:checked+.btn, #engine-panel .btn-check+.btn {
  color: #6c757d;
}

#engine-pvs > li:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.05);
}

.eval-line-above {
  stroke: #ffab00;
}
.eval-line-below {
  stroke: red;
}
.eval-area-above {
  fill: lightsteelblue;
}
.eval-area-below {
  fill: #614e6e;
}
.eval-axis .tick line {
  stroke: #DDD;
}
.eval-circle  {
  stroke: #af9358;
  fill: white;
}
/*.eval-hover-line {
  stroke: currentColor;
}*/

.eval-bar-white {
  background-color: #D0CECE;
}
.eval-bar-black {
  background-color: #514640;
}

.promotion-panel {
  background-color: white;
  --box-shadow-color: rgba(0, 0, 0, 0.2);
}

.notification-panel {
  --bs-toast-bg: white;
  --bs-toast-header-bg: var(--bs-toast-bg);
  --bs-toast-border-color: #DDDDDD;
  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
}
#notifications-header {
  --bs-toast-bg: ghostwhite;
}
#notifications-close-icon {
  color: #060600;
}

.close {
  background-color: rgba(0, 0, 0, 0.05);
}

#close-status {
  color: color-mix(in srgb, var(--fg-color) 50%, white 50%);
}

#left-panel-bottom.minimized .nav-tabs {
  --bs-nav-tabs-border-color: color-mix(in srgb, var(--bs-border-color) 40%, white 60%);
}

.premove-target::before {
  color: white;
}

.table-standard {
  --bs-emphasis-color: var(--bs-body-color);
}
.table-standard thead {
  --bs-table-bg: color-mix(in srgb, var(--bg-color) 40%, white 60%);
  --box-shadow-color: color-mix(in srgb, var(--bg-color) 85%, black 15%);
  --bs-table-color: color-mix(in srgb, var(--fg-color) 70%, white 30%);
}

.info-icon {
  color: #6c757d;
}
.info-icon:hover, info-icon:focus {
  color: #0d6efd;
}

#pills-pairing .form-check-label {
  color: #6c757d;
}

.not-signed-in-notice {
  background: color-mix(in srgb, var(--bg-color) 90%, black 10%);
  border-color: #6c757d;
}

.banner-alert {
  background: #000;
  color: #fff;
}

#emoji-button {
  --bs-btn-color: dodgerblue;
}
.emoji-panel-arrow {
  border-top-color: #ffffff;
}

.tournaments-unviewed {
  --bs-nav-link-color: tomato;
}
.tournament-group-title {
  color: 	#3E5866;
}
#pills-tournaments > .tournament-group:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
#pills-tournaments > .tournament-group:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.075);
}
.card.tournament-card {
  --bs-card-bg: var(--bg-color);
  --bs-card-border-color: #B0B0B0;
}
.card.tournament-card-active {
  --bs-card-bg: #F6E2E2;
  --bs-card-border-color: #C28D8D;
}
.tournament-card-label {
  color: #4A5A6A;
}

.tournament-table-pos { color: var(--fg-color); }
.tournament-table-name { color: var(--fg-color); }
.tournament-table-rating { color: #555a66 }           
.tournament-table-score { color: var(--fg-color); }
.tournament-table-seed { color: #888; }             
.tournament-table-win { color: #b8860b; }           
.tournament-table-lose { color: #004080; }          
.tournament-table-draw { color: #cc7000; }          
.tournament-table-other-result { color: #7a42c1; }   
.tournament-table-color { color: var(--fg-color); }

#finger-notes-table {
  border-color: var(--bs-border-color);
}
#finger-notes-table th {
  background-color: #F0F3F6;
  color: var(--modal-color);
}
#finger-notes-table td {
  background-color: #FFFFFF;
  color: var(--bs-modal-color);
}

.users-table tr.highlighted {
  background-color: color-mix(in srgb, var(--bg-color) 85%, black 15%);
}
.users-table .btn-outline-secondary {
  --bs-btn-active-color: var(--bs-btn-hover-color);
}
.users-table .offline {
  color: color-mix(in srgb, var(--bs-table-striped-color) 60%, white 40%);
}

.macros-key-description {
  color: color-mix(in srgb, var(--fg-color) 70%, white 30%);
}

.seek-graph-border {
  stroke: #888888;
}
.seek-graph-label {
  fill: var(--fg-color);
}
.seek-graph-grid-line {
  stroke: #AAAAAA;
}
.seek-graph-guest-separator {
  stroke: #999999;
}
.seek-graph-point {
  fill: var(--fg-color);
  stroke: rgba(0, 0, 0, 0.35);
  stroke-width: 1px;
}

.seek-graph-point-human-unrated {
  fill: hsl(210, 70%, 60%); 
}
.seek-graph-point-computer-unrated {
  fill: hsl(35, 80%, 80%);  
}
.seek-graph-point-human-rated {
  fill: hsl(210, 90%, 40%); 
}
.seek-graph-point-computer-rated {
  fill: hsl(35, 95%, 70%);  
}

.color-label-light {
  color: #555555;
}
.color-label-dark {
  color: black;
}