/* --- File: ./app/static/css/theme.light.css --- */
:root,
html[data-theme="light"] {
  --bg-color: #f4f4f8;
  --page-title-color: #1a1a1a;
  --text-color: #1a1a1a;
  --text-color-light: #333333;
  --text-color-very-light: #4a4a4a;
  --link-color: #520084;
  --link-hover-color: #7600bd;
  --border-color: #cccccc;
  --border-color-light: rgba(204, 204, 204, 0.6);
  --border-color-dashed: rgba(150, 150, 150, 0.5);
  --accent-color: #6a00a9;
  --accent-color-light: rgba(92, 0, 153, 0.08);

  --header-bg: #ffffff;
  --header-text: #111111;
  --nav-link-color: #444444;
  --nav-link-hover-color: #111111;
  --nav-link-active-color: #000000;
  --nav-link-active-border: #520084;

  --box-bg-color: #ffffff;
  --box-shadow-color: rgba(0, 0, 0, 0.1);
  --box-text-color: #333333;
  --box-text-light: #4a4a4a;
  --box-border-color: #e0e0e0;
  --box-h2-color: #222222;

  --input-bg: #ffffff;
  --input-text: #1a1a1a;
  --input-placeholder-color: #999999;
  --input-border-color: #cccccc;
  --input-focus-shadow: rgba(92, 0, 153, 0.5);
  --btn-primary-bg: #2e7d32;
  --btn-primary-text: #ffffff;
  --btn-primary-hover-bg: #1b5e20;
  --btn-secondary-bg: #616161;
  --btn-secondary-text: #ffffff;
  --btn-secondary-hover-bg: #424242;
  --btn-danger-bg: #c62828;
  --btn-danger-text: #ffffff;
  --btn-danger-hover-bg: #b71c1c;
  --btn-warning-bg: #ff8f00;
  --btn-warning-text: #000000;
  --btn-warning-hover-bg: #ff6f00;
  --btn-edit-bg: var(--btn-secondary-bg);
  --btn-edit-text: var(--btn-secondary-text);
  --btn-edit-hover-bg: var(--btn-secondary-hover-bg);

  --table-header-bg: #e8e8f0;
  --table-header-text: #111111;
  --table-border-color: #d8d8e0;
  --table-row-even-bg: #f9f9fc;
  --table-row-hover-bg: #e8e8f0;

  --flash-success-bg: #dcedc8; --flash-success-text: #1b5e20;
  --flash-error-bg: #ffcdd2; --flash-error-text: #b71c1c;
  --flash-warning-bg: #fff9c4; --flash-warning-text: #5d4037;
  --flash-info-bg: #bbdefb; --flash-info-text: #0d47a1;
  --lightbox-bg: rgba(255, 255, 255, 0.9);
  --lightbox-close-color: #555555;
  --lightbox-close-hover-color: #000000;
  --code-bg: #f5f5f5;
  --code-text: #222222;
  --code-inline-bg: rgba(92, 0, 153, 0.08);
  --blockquote-bg: #f9f9f9;
  --blockquote-border: #520084;
  --blockquote-text: #555555;
  --tag-bg: #e0e0e0;
  --tag-text: #212121;
  --tag-hover-bg: #520084;
  --tag-hover-text: #ffffff;

  --chart-grid-color: #dddddd;
  --chart-tick-color: #444444;
  --chart-title-color: #333333;
  --chart-tooltip-bg: rgba(0, 0, 0, 0.8);
  --chart-tooltip-text: #ffffff;
  --chart-annotation-color: #FF6347;
  --chart-annotation-bg: rgba(0, 0, 0, 0.7);
  --chart-annotation-label-color: #eeeeee;
  --chart-annotation-period-line-color: rgba(118, 0, 189, 0.5);
  --chart-annotation-period-label-bg: rgba(118, 0, 189, 0.6);
  --chart-annotation-period-label-color: #ffffff;

  --game-overlay-bg: rgba(0, 0, 0, 0.8);
  --game-text-color: #ffffff;
  --game-accent-color1: #00ff00;
  --game-accent-color2: #ffff00;
  --game-accent-color3: #ff0000;
}