/* --- File: ./app/static/css/theme.dark.css --- */
html[data-theme="dark"] {
  --bg-color: #1a1a1a;
  --page-title-color: #ffffff;
  --text-color: #e0e0e0;
  --text-color-light: #cccccc;
  --text-color-very-light: #aaaaaa;
  --link-color: #B452FF;
  --link-hover-color: #D6A2FF;
  --border-color: #444444;
  --border-color-light: rgba(68, 68, 68, 0.6);
  --border-color-dashed: rgba(68, 68, 68, 0.5);
  --accent-color: #B452FF;
  --accent-color-light: rgba(180, 82, 255, 0.1);

  --header-bg: #111111;
  --header-text: #ffffff;
  --nav-link-color: #cccccc;
  --nav-link-hover-color: #ffffff;
  --nav-link-active-color: #ffffff;
  --nav-link-active-border: #B452FF;

  --box-bg-color: rgba(42, 42, 42, var(--box-bg-opacity, 0.9));
  --box-shadow-color: rgba(0, 0, 0, 0.4);
  --box-text-color: #ccc;
  --box-text-light: #aaa;
  --box-border-color: #383838;
  --box-h2-color: #eee;

  --input-bg: #404040;
  --input-text: #e0e0e0;
  --input-placeholder-color: #888888;
  --input-border-color: transparent;
  --input-focus-shadow: rgba(180, 82, 255, 0.7);
  --btn-primary-bg: #4caf50;
  --btn-primary-text: #ffffff;
  --btn-primary-hover-bg: #388e3c;
  --btn-secondary-bg: #666666;
  --btn-secondary-text: #ffffff;
  --btn-secondary-hover-bg: #555555;
  --btn-danger-bg: #d32f2f;
  --btn-danger-text: #ffffff;
  --btn-danger-hover-bg: #9a0007;
  --btn-warning-bg: #ffa000;
  --btn-warning-text: #000000;
  --btn-warning-hover-bg: #e69100;
  --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: #383838;
  --table-header-text: #ffffff;
  --table-border-color: #555555;
  --table-row-even-bg: rgba(51, 51, 51, 0.5);
  --table-row-hover-bg: #4a4a4a;

  --flash-success-bg: #388e3c; --flash-success-text: #ffffff;
  --flash-error-bg: #d32f2f; --flash-error-text: #ffffff;
  --flash-warning-bg: #ffa000; --flash-warning-text: #000000;
  --flash-info-bg: #1976d2; --flash-info-text: #ffffff;
  --lightbox-bg: rgba(0, 0, 0, 0.85);
  --lightbox-close-color: #bbbbbb;
  --lightbox-close-hover-color: #ffffff;
  --code-bg: #1e1e1e;
  --code-text: #d4d4d4;
  --code-inline-bg: rgba(180, 82, 255, 0.1);
  --blockquote-bg: rgba(68, 68, 68, 0.1);
  --blockquote-border: #B452FF;
  --blockquote-text: #cccccc;
  --tag-bg: #555555;
  --tag-text: #eeeeee;
  --tag-hover-bg: #B452FF;
  --tag-hover-text: #ffffff;

  --chart-grid-color: #383838;
  --chart-tick-color: #cccccc;
  --chart-title-color: #ffffff;
  --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(180, 82, 255, 0.5);
  --chart-annotation-period-label-bg: rgba(180, 82, 255, 0.6);
  --chart-annotation-period-label-color: #ffffff;

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