body[data-theme=light].page-live {
  --bg-page: var(--bg-hover);
}

body[data-theme=light] {
  --bg-page: #FAFAF3;
  --bg-secondary: #F6F4E8;
  --bg-hover: #F0EEDC;
  --bg-tab: #EAE6CC;
  --text-primary: #0E0E0C;
  --text-invert: #FFFFFF;
  --border-default: #B0A890;
  --olive-accent: #999966;
  --accent-hover: #64732F;
  --chess-light: #F2EECF;
  --chess-dark: #9A9560;
  --header-bg: #F5F3E0;
  --thermometer-bg: rgba(255, 255, 255, 0.42);
  --button-shadow: rgba(0, 0, 0, 0.05);
  --error: #9E2727;
  --blue-border: #338DBE;
  --PinkBGTab: #FFC8C8;
  --YellowBGTab: #E0DD7B;
  --Orange: #FF8011;
  --Gold: #DEBB00;
  --bg-active: var(--olive-accent);
  --button-primary-bg: var(--bg-active);
  --button-primary-hover-bg: var(--accent-hover);
  --button-date-nav-selected-bg: var(--olive-accent);
  --button-secondary-bg: var(--bg-tab);
  --button-secondary-hover-bg: var(--bg-hover);
  --navbar-bg: var(--bg-tab);
  --navbar-link-color: var(--text-primary);
  --navbar-link-hover-color: var(--text-primary);
  --navbar-active-bg: var(--olive-accent);
  --navbar-active-color: var(--text-invert);
  --navbar-open-color: var(--text-primary);
  --live-tab-border: var(--border-default);
  --live-tab-bg: var(--bg-tab);
  --live-tab-color: var(--text-primary);
  --live-tab-active-color: var(--text-primary);
  --live-tab-hover-bg: var(--bg-hover);
  --games-tab-border-color: rgba(0, 0, 0, 0);
  --games-tab-bg: var(--bg-tab);
  --games-tab-bg-hover: var(--bg-hover);
  --games-tab-color: color-mix(in srgb, var(--text-primary) 65%, transparent);
  --games-tab-border-bottom-color: var(--input-border);
  --games-tab-border-bottom-width: 0;
  --games-tab-active-border-color: var(--input-border);
  --games-tab-active-bg: rgba(0, 0, 0, 0);
  --games-tab-active-color: var(--text-primary);
  --games-tab-active-border-bottom-color: var(--body-bg);
  --plan-btn-bg: var(--button-primary-bg);
  --plan-btn-hover-bg: var(--button-primary-hover-bg);
  --plan-btn-color: var(--text-invert);
  --plan-btn-hover-color: var(--text-invert);
  --plan-btn-secondary-bg: var(--button-secondary-bg);
  --plan-btn-secondary-hover-bg: var(--button-secondary-hover-bg);
  --plan-btn-secondary-color: var(--text-primary);
  --plan-btn-secondary-hover-color: var(--text-primary);
  --btn-default-color: var(--text-primary);
  --btn-default-bg: var(--bg-secondary);
  --btn-default-border: var(--addon-border);
  --btn-default-hover-color: var(--text-primary);
  --btn-default-hover-bg: var(--bg-hover);
  --btn-default-hover-border: var(--border-default);
  --btn-default-focus-color: var(--text-primary);
  --btn-default-focus-bg: var(--bg-hover);
  --btn-default-focus-border: var(--border-default);
  --btn-default-active-color: var(--text-primary);
  --btn-default-active-bg: var(--bg-tab);
  --btn-default-active-border: var(--border-default);
  --btn-default-disabled-bg: #fff;
  --btn-default-disabled-border: var(--addon-border);
  --btn-default-badge-color: var(--text-invert);
  --btn-default-badge-bg: var(--text-primary);
  --btn-2700-color: var(--text-invert);
  --btn-2700-background: var(--olive-accent);
  --btn-2700-border: var(--olive-accent);
  --btn-2700-hover-color: var(--text-invert);
  --btn-2700-hover-background: var(--accent-hover);
  --btn-2700-hover-border-color: var(--olive-accent);
  --navigation-btn-bg: var(--bg-tab);
  --navigation-btn-border: var(--olive-accent);
  --navigation-btn-hover-bg: var(--bg-secondary);
  --navigation-btn-color: var(--text-primary);
  --navigation-btn-hover-color: var(--text-primary);
  --account-menu-link-color: var(--link-color);
  --account-menu-link-hover-color: var(--link-color-hover);
  --play-computer-params-bg: var(--bg-tab);
  --play-computer-params-border: var(--search-players-bg);
  --play-computer-mask-bg: var(--bg-page);
  --play-computer-status-text-bg: var(--pretty-moves-header-bg);
  --play-computer-status-text-color: var(--text-primary);
  --play-computer-dot: var(--text-primary);
  --play-computer-btn-bg: var(--black-side-bg);
  --play-computer-btn-border: var(--hr-border);
  --play-computer-btn-color: var(--text-primary);
  --play-computer-btn-hover-bg: var(--bg-hover);
  --play-computer-btn-hover-color: var(--text-primary);
  --charts-players-list-bg: var(--search-players-bg);
  --charts-players-list-border: var(--search-players-border);
  --charts-filter: none;
  --charts-table-search-btn-bg: var(--bg-secondary);
  --charts-table-search-btn-border: var(--bg-secondary);
  --charts-table-search-btn-color: var(--text-primary);
  --input-group-addon-bg: var(--header-bg);
  --input-border: var(--addon-color);
  --input-focus-border: var(--olive-accent);
  --input-focus-box-shadow: var(--input-focus-border);
  --input-bg: var(--bg-page);
  --plan-border-color: var(--border-default);
  --plan-border-color-hover: #746f5d;
  --panel-bg: var(--bg-page);
  --panel-border: var(--border-default);
  --panel-heading-color: var(--text-primary);
  --panel-heading-bg: var(--bg-secondary);
  --panel-heading-border: var(--border-default);
  --panel-footer-color: var(--text-primary);
  --panel-footer-bg: var(--bg-secondary);
  --panel-footer-border: var(--border-default);
  --skeleton-bg: var(--bg-tab);
  --banner-body-bg: #FAFAF3;
  --banner-text-color: #0E0E0C;
  --banner-border-color: #B0A890;
  --banner-row-alt-bg: #F6F4E8;
  --banner-row-even-bg: #FAFAF3;
  --banner-header-bg: #EAE6CC;
  --banner-header-color: #0E0E0C;
  --banner-header-women-bg: #FFC8C8;
  --banner-header-women-color: #0E0E0C;
  --banner-header-highest-bg: rgb(246, 217, 74);
  --banner-header-highest-color: var(--text-primary);
  --banner-header-highest-women-bg: rgb(185, 222, 175);
  --banner-header-highest-women-color: var(--text-primary);
  --banner-rapid: var(--text-red, #9E2727);
  --banner-blitz: var(--text-blue, #338DBE);
  --banner-positive: #64732F;
  --banner-negative: #9E2727;
  --body-bg: var(--bg-page);
  --body-color: var(--text-primary);
  --body-bg-hover: var(--bg-hover);
  --body-color-hover: color-mix(in srgb, var(--text-primary) 65%, var(--text-invert));
  --body-color-muted: var(--color-hover);
  --live-chart-gradient: linear-gradient(to right, transparent 0%, var(--bg-tab) 100%);
  --text-success: var(--text-primary);
  --live-btn-bg: #3c763d;
  --live-btn-color: #fff;
  --tabs-border-bottom-color: var(--input-border);
  --header-image-bg: rgb(237, 238, 227);
  --table-border-color: var(--bg-secondary);
  --live-table-header-bg: var(--bg-tab);
  --menu-active-color: var(--text-invert);
  --tab-active-bg: var(--olive-accent);
  --tab-active-color: var(--text-invert);
  --nav-pills-active-color: var(--btn-2700-color);
  --nav-pills-active-bg: var(--btn-2700-background);
  --user-icon-color: #535342;
  --user-icon-premium-color: rgb(165, 100, 29);
  --addon-color: #c9c9ae;
  --addon-border: var(--addon-color);
  --bg-light: var(--bg-secondary);
  --sort-arrows-color: var(--border-default);
  --tr-bg: var(--bg-page);
  --odd-tr: var(--tr-bg);
  --even-tr: #F9F9F5;
  --expanded-tr-bg: #fff;
  --events-bg: var(--bg-page);
  --daily-games-th: var(--header-bg);
  --rating-th-bg: var(--header-bg);
  --rating-link-color: var(--text-primary);
  --search-players-bg: var(--bg-tab);
  --search-players-border: var(--search-players-bg);
  --well-bg: var(--search-players-bg);
  --well-border: var(--border-default);
  --hr-border: var(--header-bg);
  --women-th-bg: var(--PinkBGTab);
  --women-th-color: var(--text-primary);
  --live-timers-border: var(--bg-tab);
  --black-side-bg: color-mix(in srgb, var(--header-image-bg) 90%, var(--olive-accent));
  --white-side-bg: color-mix(in srgb, var(--navbar-bg) 80%, #fff);
  --live-color-invert: var(--text-primary);
  --game-select-item: #FAFAF3;
  --game-select-item-active: var(--bg-tab);
  --game-list-select-bg: var(--bg-tab);
  --pretty-moves-header-bg: var(--bg-tab);
  --threat-disabled: color-mix(in srgb, var(--border-default) 50%, var(--bg-tab));
  --threat-on: var(--text-red);
  --threat-idle: color-mix(in srgb, var(--border-default) 80%, var(--bg-tab));
  --toggle-block-bg: var(--bg-secondary);
  --moves-bg: #FAFAF3;
  --moves-border-bg: var(--bg-tab);
  --link-color: var(--olive-accent);
  --link-color-hover: var(--accent-hover);
  --thermometer-white: color-mix(in srgb, var(--border-default) 15%, #fff);
  --thermometer-black: var(--bg-tab);
  --comment-bg: color-mix(in srgb, var(--moves-bg) 60%, #fff);
  --comment-border: var(--body-bg);
  --tablebase-bg: var(--body-bg);
  --tablebase-title-bg: color-mix(in srgb, var(--tablebase-bg) 85%, var(--olive-accent));
  --watermark-color: var(--bg-secondary);
  --dropdown-item-hover-bg: color-mix(in srgb, #000 5%, var(--body-bg-hover));
  --text-green: var(--bg-active);
  --text-red: var(--error);
  --text-blue: var(--blue-border);
  --error-pages-color: #627429;
  --textarea-bg: #fff;
  --auth-button-bg: var(--bg-secondary);
  --auth-button-color: var(--text-primary);
  --auth-button-icon-filter: invert(1);
  /* Google Sign-In button - per Google branding guidelines */
  --google-button-bg: #FFFFFF;
  --google-button-color: #1F1F1F;
  --google-button-border: #747775;
  --google-button-icon-filter: none;
  /* Apple Sign-In button - per Apple HIG */
  --apple-button-bg: #000000;
  --apple-button-color: #FFFFFF;
  --apple-button-border: #000000;
  --apple-button-icon-filter: brightness(2);
}

body[data-theme=dark] {
  --bg-page: #1F1F1D;
  --bg-secondary: #262623;
  --bg-hover: #2E2E2B;
  --bg-tab: #31312C;
  --text-primary: #E4E4DF;
  --text-invert: #1F1F1D;
  --border-default: #525248;
  --olive-accent: #A5BA84;
  --accent-hover: #7A8C5C;
  --chess-light: #9FA086;
  --chess-dark: #3C3C31;
  --header-bg: #262623;
  --thermometer-bg: rgba(255, 255, 255, 0.42);
  --button-shadow: rgba(0, 0, 0, 0.05);
  --error: #FF5C5C;
  --blue-border: #8ACEF5;
  --PinkBGTab: #724943;
  --YellowBGTab: #444233;
  --Orange: #F98500;
  --Gold: #C7A700;
  --bg-active: var(--olive-accent);
  --button-primary-bg: var(--bg-active);
  --button-primary-hover-bg: var(--accent-hover);
  --button-date-nav-selected-bg: var(--olive-accent);
  --button-secondary-bg: var(--bg-tab);
  --button-secondary-hover-bg: var(--bg-hover);
  --navbar-bg: var(--bg-tab);
  --navbar-link-color: var(--text-primary);
  --navbar-link-hover-color: var(--text-primary);
  --navbar-active-bg: var(--bg-active);
  --navbar-active-color: var(--text-invert);
  --navbar-open-color: var(--text-primary);
  --live-tab-border: var(--border-default);
  --live-tab-bg: var(--bg-tab);
  --live-tab-color: var(--text-primary);
  --live-tab-active-color: var(--text-primary);
  --live-tab-hover-bg: var(--bg-hover);
  --games-tab-border-color: rgba(0, 0, 0, 0);
  --games-tab-bg: var(--bg-tab);
  --games-tab-bg-hover: var(--bg-hover);
  --games-tab-color: color-mix(in srgb, var(--text-primary) 65%, transparent);
  --games-tab-border-bottom-color: var(--input-border);
  --games-tab-border-bottom-width: 0;
  --games-tab-active-border-color: var(--input-border);
  --games-tab-active-bg: rgba(0, 0, 0, 0);
  --games-tab-active-color: var(--text-primary);
  --games-tab-active-border-bottom-color: var(--body-bg);
  --plan-btn-bg: var(--button-primary-bg);
  --plan-btn-hover-bg: var(--button-primary-hover-bg);
  --plan-btn-color: var(--text-invert);
  --plan-btn-hover-color: var(--text-invert);
  --plan-btn-secondary-bg: var(--button-secondary-bg);
  --plan-btn-secondary-hover-bg: var(--button-secondary-hover-bg);
  --plan-btn-secondary-color: var(--text-primary);
  --plan-btn-secondary-hover-color: var(--text-primary);
  --btn-default-color: var(--text-primary);
  --btn-default-bg: var(--bg-secondary);
  --btn-default-border: var(--border-default);
  --btn-default-hover-color: var(--text-primary);
  --btn-default-hover-bg: var(--bg-hover);
  --btn-default-hover-border: var(--border-default);
  --btn-default-focus-color: var(--text-primary);
  --btn-default-focus-bg: var(--bg-hover);
  --btn-default-focus-border: var(--border-default);
  --btn-default-active-color: var(--text-primary);
  --btn-default-active-bg: var(--bg-tab);
  --btn-default-active-border: var(--border-default);
  --btn-default-disabled-bg: var(--bg-secondary);
  --btn-default-disabled-border: var(--border-default);
  --btn-default-badge-color: var(--text-invert);
  --btn-default-badge-bg: var(--text-primary);
  --btn-2700-color: var(--text-invert);
  --btn-2700-background: var(--olive-accent);
  --btn-2700-border: var(--olive-accent);
  --btn-2700-hover-color: var(--text-invert);
  --btn-2700-hover-background: var(--accent-hover);
  --btn-2700-hover-border-color: var(--olive-accent);
  --navigation-btn-bg: var(--bg-tab);
  --navigation-btn-border: var(--border-default);
  --navigation-btn-hover-bg: var(--bg-secondary);
  --navigation-btn-color: var(--text-primary);
  --navigation-btn-hover-color: var(--text-primary);
  --account-menu-link-color: var(--link-color);
  --account-menu-link-hover-color: var(--link-color-hover);
  --play-computer-params-bg: var(--bg-tab);
  --play-computer-params-border: var(--bg-tab);
  --play-computer-mask-bg: var(--bg-page);
  --play-computer-status-text-bg: var(--navbar-bg);
  --play-computer-status-text-color: var(--text-primary);
  --play-computer-dot: var(--text-primary);
  --play-computer-btn-bg: var(--black-side-bg);
  --play-computer-btn-border: rgba(255, 255, 255, 0.04);
  --play-computer-btn-color: color-mix(in srgb, var(--text-primary) 80%, transparent);
  --play-computer-btn-hover-bg: var(--bg-hover);
  --play-computer-btn-hover-color: var(--text-primary);
  --charts-players-list-bg: var(--search-players-bg);
  --charts-players-list-border: var(--search-players-border);
  --charts-filter: invert(1);
  --charts-table-search-btn-bg: var(--bg-secondary);
  --charts-table-search-btn-border: var(--bg-secondary);
  --charts-table-search-btn-color: var(--text-primary);
  --input-group-addon-bg: var(--header-bg);
  --input-border: var(--border-default);
  --input-focus-border: var(--olive-accent);
  --input-focus-box-shadow: var(--input-focus-border);
  --input-bg: var(--bg-secondary);
  --input-color: var(--text-primary);
  --plan-border-color: var(--hr-border);
  --plan-border-color-hover: var(--border-default);
  --panel-bg: var(--bg-page);
  --panel-border: var(--border-default);
  --panel-heading-color: var(--text-primary);
  --panel-heading-bg: var(--bg-secondary);
  --panel-heading-border: var(--border-default);
  --panel-footer-color: var(--text-primary);
  --panel-footer-bg: var(--bg-secondary);
  --panel-footer-border: var(--border-default);
  --skeleton-bg: var(--bg-secondary);
  --banner-body-bg: #1F1F1D;
  --banner-text-color: #E4E4DF;
  --banner-border-color: #262623;
  --banner-row-alt-bg: #262623;
  --banner-row-even-bg: #2E2E2B;
  --banner-header-bg: #262623;
  --banner-header-color: #E4E4DF;
  --banner-header-women-bg: #724943;
  --banner-header-women-color: #1F1F1D;
  --banner-header-highest-bg: #C7A700;
  --banner-header-highest-color: #1F1F1D;
  --banner-header-highest-women-bg: #444233;
  --banner-header-highest-women-color: #E4E4DF;
  --banner-rapid: var(--error, #FF5C5C);
  --banner-blitz: var(--blue-border, #8ACEF5);
  --banner-positive: #A5BA84;
  --banner-negative: #FF5C5C;
  --body-bg: var(--bg-page);
  --body-color: var(--text-primary);
  --body-bg-hover: var(--bg-hover);
  --body-color-hover: color-mix(in srgb, var(--text-primary) 65%, var(--text-invert));
  --body-color-muted: var(--color-hover);
  --live-chart-gradient: linear-gradient(to right, transparent 0%, var(--bg-tab) 100%);
  --text-success: var(--text-primary);
  --live-play-icon-color: var(--text-green);
  --live-stop-icon-color: var(--text-red);
  --live-btn-bg: var(--olive-accent);
  --live-btn-color: var(--text-invert);
  --tabs-border-bottom-color: var(--input-border);
  --header-image-bg: rgb(37, 38, 36);
  --table-border-color: var(--bg-secondary);
  --live-table-header-bg: var(--header-bg);
  --menu-active-color: var(--text-invert);
  --tab-active-bg: var(--olive-accent);
  --tab-active-color: var(--text-invert);
  --nav-pills-active-color: var(--btn-2700-color);
  --nav-pills-active-bg: var(--btn-2700-background);
  --user-icon-color: var(--text-primary);
  --user-icon-premium-color: var(--Orange);
  --addon-color: var(--text-primary);
  --addon-border: var(--addon-color);
  --bg-light: var(--bg-secondary);
  --sort-arrows-color: var(--border-default);
  --tr-bg: var(--bg-page);
  --odd-tr: var(--bg-secondary);
  --even-tr: var(--bg-hover);
  --expanded-tr-bg: var(--bg-page);
  --events-bg: var(--bg-page);
  --daily-games-th: var(--header-bg);
  --rating-th-bg: var(--header-bg);
  --rating-link-color: var(--text-primary);
  --search-players-bg: var(--bg-tab);
  --search-players-border: var(--search-players-bg);
  --well-bg: var(--search-players-bg);
  --well-border: var(--border-default);
  --hr-border: var(--header-bg);
  --women-th-bg: var(--pink-bg-tab);
  --women-th-color: var(--text-invert);
  --live-timers-border: var(--bg-secondary);
  --black-side-bg: color-mix(in srgb, var(--header-image-bg) 90%, var(--olive-accent));
  --white-side-bg: color-mix(in srgb, var(--navbar-bg) 80%, #fff);
  --live-color-invert: var(--text-primary);
  --game-select-item: var(--bg-hover);
  --game-select-item-active: var(--bg-tab);
  --game-list-select-bg: var(--bg-tab);
  --pretty-moves-header-bg: var(--bg-tab);
  --threat-on: var(--text-red);
  --threat-disabled: color-mix(in srgb, #fff 20%, transparent);
  --threat-idle: color-mix(in srgb, #fff 50%, transparent);
  --toggle-block-bg: var(--bg-secondary);
  --moves-bg: var(--bg-hover);
  --moves-border-bg: var(--bg-tab);
  --link-color: var(--olive-accent);
  --link-color-hover: var(--accent-hover);
  --thermometer-white: color-mix(in srgb, var(--bg-tab) 80%, #fff);
  --thermometer-black: var(--bg-tab);
  --comment-bg: color-mix(in srgb, var(--moves-bg) 95%, #fff);
  --comment-border: var(--body-bg);
  --tablebase-bg: var(--body-bg);
  --tablebase-title-bg: color-mix(in srgb, var(--tablebase-bg) 90%, #fff);
  --watermark-color: var(--bg-secondary);
  --dropdown-item-hover-bg: color-mix(in srgb, #000 5%, var(--body-bg-hover));
  --text-green: var(--bg-active);
  --text-red: var(--error);
  --text-blue: var(--blue-border);
  --pink-bg-tab: #724943;
  --error-pages-color: #a0ac6f;
  --textarea-bg: var(--bg-page);
  --auth-button-bg: #404039;
  --auth-button-color: var(--text-primary);
  --auth-button-icon-filter: none;
  /* Google Sign-In button - per Google branding guidelines (dark theme) */
  --google-button-bg: #131314;
  --google-button-color: #E3E3E3;
  --google-button-border: #8E918F;
  --google-button-icon-filter: none;
  /* Apple Sign-In button - per Apple HIG (dark theme) */
  --apple-button-bg: #FFFFFF;
  --apple-button-color: #000000;
  --apple-button-border: #FFFFFF;
  --apple-button-icon-filter: brightness(0);
}

body[data-theme=olive] {
  --bg-page: rgb(227, 226, 196);
  --bg-secondary: #d3d2a6;
  --bg-hover: #d3d2a6;
  --bg-tab: #b7b58f;
  --text-primary: #333;
  --text-invert: #fff;
  --border-default: #9c9a74;
  --olive-accent: #535342;
  --accent-hover: #646453;
  --chess-light: #e3e2c4;
  --chess-dark: #b7b58f;
  --header-bg: #d3d2a6;
  --thermometer-bg: #d3d2a6;
  --button-shadow: rgba(83, 83, 66, 0.2);
  --error: #990000;
  --blue-border: #006699;
  --pink-bg-tab: #efc6bc;
  --bg-active: hsl(60, 17.07%, 32.16%);
  --button-primary-bg: var(--bg-active);
  --button-primary-hover-bg: var(--accent-hover);
  --button-date-nav-selected-bg: var(--bg-active);
  --button-secondary-bg: var(--bg-tab);
  --button-secondary-hover-bg: var(--bg-hover);
  --navbar-bg: var(--bg-tab);
  --navbar-link-color: var(--text-primary);
  --navbar-link-hover-color: var(--text-primary);
  --navbar-active-bg: var(--bg-active);
  --navbar-active-color: var(--chess-light);
  --navbar-open-color: var(--text-primary);
  --live-tab-border: var(--border-default);
  --live-tab-bg: var(--bg-tab);
  --live-tab-color: var(--text-primary);
  --live-tab-active-color: var(--text-primary);
  --live-tab-hover-bg: var(--bg-hover);
  --games-tab-border-color: rgba(0, 0, 0, 0);
  --games-tab-bg: #b7b58f;
  --games-tab-bg-hover: #d3d2a6;
  --games-tab-color: #333;
  --games-tab-border-bottom-color: #9c9a74;
  --games-tab-border-bottom-width: 0;
  --games-tab-active-border-color: #9c9a74;
  --games-tab-active-bg: rgba(0, 0, 0, 0);
  --games-tab-active-color: #555;
  --games-tab-active-border-bottom-color: #e3e2c4;
  --plan-btn-bg: #3c763d;
  --plan-btn-hover-bg: #2b542c;
  --plan-btn-color: #fff;
  --plan-btn-hover-color: #fff;
  --plan-btn-secondary-bg: #939374;
  --plan-btn-secondary-hover-bg: #2b542c;
  --plan-btn-secondary-color: #fff;
  --plan-btn-secondary-hover-color: #fff;
  --btn-default-color: #333;
  --btn-default-bg: #fff;
  --btn-default-border: #ccc;
  --btn-default-hover-color: #333;
  --btn-default-hover-bg: #e6e6e6;
  --btn-default-hover-border: #adadad;
  --btn-default-focus-color: #333;
  --btn-default-focus-bg: #e6e6e6;
  --btn-default-focus-border: #8c8c8c;
  --btn-default-active-color: #333;
  --btn-default-active-bg: #e6e6e6;
  --btn-default-active-border: #adadad;
  --btn-default-disabled-bg: #fff;
  --btn-default-disabled-border: #ccc;
  --btn-default-badge-color: #fff;
  --btn-default-badge-bg: #333;
  --btn-2700-color: #e3e2c4;
  --btn-2700-background: #939374;
  --btn-2700-border: #797960;
  --btn-2700-hover-color: #fff;
  --btn-2700-hover-background: #797960;
  --btn-2700-hover-border-color: #535342;
  --navigation-btn-bg: #939374;
  --navigation-btn-border: #797960;
  --navigation-btn-color: #000;
  --navigation-btn-hover-bg: #797960;
  --navigation-btn-hover-color: #fff;
  --account-menu-link-color: #7f8261;
  --account-menu-link-hover-color: #5b5d45;
  --play-computer-params-bg: #d3d2a6;
  --play-computer-params-border: #b7b58f;
  --play-computer-mask-bg: #e3e2c4;
  --play-computer-status-text-bg: #b7b58f;
  --play-computer-status-text-color: #fff;
  --play-computer-dot: #000;
  --play-computer-btn-bg: #939374;
  --play-computer-btn-border: #797960;
  --play-computer-btn-color: #000;
  --play-computer-btn-hover-bg: #535342;
  --play-computer-btn-hover-color: #fff;
  --charts-players-list-bg: #d3d2a6;
  --charts-players-list-border: #b7b58f;
  --charts-filter: none;
  --charts-table-search-btn-bg: #d3d2a6;
  --charts-table-search-btn-border: #d3d2a6;
  --charts-table-search-btn-color: #939374;
  --input-group-addon-bg: var(--header-bg);
  --input-border: #c9c9ae;
  --input-focus-border: #66afe9;
  --input-focus-box-shadow: var(--input-focus-border);
  --input-bg: #fff;
  --plan-border-color: #939374;
  --plan-border-color-hover: #000;
  --panel-bg: #e3e2c4;
  --panel-border: #c9c9ae;
  --panel-heading-color: #333;
  --panel-heading-bg: #d3d2a6;
  --panel-heading-border: #c9c9ae;
  --panel-footer-color: #333;
  --panel-footer-bg: #d3d2a6;
  --panel-footer-border: #c9c9ae;
  --skeleton-bg: rgb(211, 210, 166);
  --banner-body-bg: #FAFAF3;
  --banner-text-color: #535342;
  --banner-border-color: #9c9a74;
  --banner-row-alt-bg: rgba(211, 210, 166, 0.2392156863);
  --banner-row-even-bg: #FAFAF3;
  --banner-header-bg: #b7b58f;
  --banner-header-color: #535342;
  --banner-header-women-bg: #efc6bc;
  --banner-header-women-color: #535342;
  --banner-header-highest-bg: rgb(246, 217, 74);
  --banner-header-highest-color: var(--text-primary);
  --banner-header-highest-women-bg: rgb(185, 222, 175);
  --banner-header-highest-women-color: var(--text-primary);
  --banner-rapid: var(--text-red, #990000);
  --banner-blitz: var(--text-blue, #006699);
  --banner-positive: #646453;
  --banner-negative: #990000;
  --body-bg: var(--bg-page);
  --body-color: var(--text-primary);
  --body-bg-hover: var(--bg-hover);
  --body-color-hover: color-mix(in srgb, var(--text-primary) 65%, var(--text-invert));
  --body-color-muted: #777;
  --live-chart-gradient: linear-gradient(to right, #d3d2a6 0%, #b7b58f 100%);
  --text-success: #3c763d;
  --live-btn-bg: #3c763d;
  --live-btn-color: #fff;
  --tabs-border-bottom-color: #9c9a74;
  --header-image-bg: var(--header-bg);
  --table-border-color: var(--bg-secondary);
  --live-table-header-bg: var(--header-bg);
  --menu-active-color: var(--chess-light);
  --tab-active-bg: var(--navbar-active-bg);
  --tab-active-color: var(--text-invert);
  --nav-pills-active-color: var(--tab-active-color);
  --nav-pills-active-bg: var(--tab-active-bg);
  --user-icon-color: #535342;
  --user-icon-premium-color: rgb(165, 100, 29);
  --addon-color: #797960;
  --addon-border: #c9c9ae;
  --bg-light: #d3d2a6;
  --sort-arrows-color: #939374;
  --tr-bg: var(--bg-page);
  --live-table-tr-bg: linear-gradient(rgb(227, 226, 196) 30%, rgb(211, 210, 166) 100%);
  --odd-tr: var(--tr-bg);
  --even-tr: var(--header-bg);
  --expanded-tr-bg: var(--bg-page);
  --events-bg: linear-gradient(to bottom, rgba(227, 226, 195, 0) 0%, rgb(205, 201, 163) 100%);
  --daily-games-th: var(--header-bg);
  --rating-th-bg: var(--header-bg);
  --rating-link-color: #333;
  --search-players-bg: #d3d2a6;
  --search-players-border: #b7b58f;
  --well-bg: #d3d2a6;
  --well-border: #b7b58f;
  --hr-border: #c9c9ae;
  --women-th-bg: var(--pink-bg-tab);
  --women-th-color: var(--text-primary);
  --live-timers-border: #b7b58f;
  --black-side-bg: var(--chess-dark);
  --white-side-bg: var(--chess-light);
  --live-color-invert: var(--text-primary);
  --game-select-item: rgba(235, 235, 213, 0.9137254902);
  --game-select-item-active: #d3d2a6;
  --game-list-select-bg: rgb(237, 236, 213);
  --pretty-moves-header-bg: rgb(211, 210, 166);
  --threat-on: var(--text-red);
  --threat-disabled: rgba(102, 102, 58, 0.2);
  --threat-idle: rgba(102, 102, 58, 0.4);
  --toggle-block-bg: rgb(233, 233, 208);
  --moves-bg: rgb(233, 233, 208);
  --moves-border-bg: rgb(201, 201, 174);
  --link-color: #337ab7;
  --link-color-hover: #23527c;
  --thermometer-white: #fff;
  --thermometer-black: #d3d2a6;
  --comment-bg: rgb(235, 231, 184);
  --comment-border: hsl(0, 0%, 25%);
  --tablebase-bg: #fff;
  --tablebase-title-bg: #e3e2c4;
  --watermark-color: #b7b58f;
  --dropdown-item-hover-bg: color-mix(in srgb, #000 5%, var(--body-bg-hover));
  --text-green: #006600;
  --text-red: var(--error);
  --text-blue: var(--blue-border);
  --error-pages-color: #606044;
  --textarea-bg: #fff;
  --auth-button-bg: var(--bg-tab);
  --auth-button-color: var(--text-primary);
  --auth-button-icon-filter: invert(1);
  /* Google Sign-In button - per Google branding guidelines */
  --google-button-bg: #FFFFFF;
  --google-button-color: #1F1F1F;
  --google-button-border: #747775;
  --google-button-icon-filter: none;
  /* Apple Sign-In button - per Apple HIG */
  --apple-button-bg: #000000;
  --apple-button-color: #FFFFFF;
  --apple-button-border: #000000;
  --apple-button-icon-filter: brightness(2);
}

/* Themed link class for consistent link colors across themes */
.themed-link {
  color: var(--link-color);
}

.themed-link:hover,
.themed-link:focus {
  color: var(--link-color-hover);
}