/* ===== Theme Definitions ===== */
[data-theme='dark'] {
    --bg-color: #333;
    --text-color: #f5f5f5;
    --button-bg: #ff6f00;
    --button-text: black;
    --chart-bg-light: #333;
    --chart-bg-dark: #f5f5f5;
    --footer-bg: #444;
    --tab-active-bg: #333;
    --tab-active-text: #fff;
}

[data-theme="light"] {
    --tab-active-bg: #f0f0f0;
    --tab-active-text: #222;
}

[data-theme="dark"] .range-labels {
    color: #aaa;
}


.related-section {
  border: 2px solid #008080;
  padding: 12px 16px;
  display: inline-block;
  background-color: #f5f5f5;
  border-radius: 5px;
  font-family: Arial, sans-serif;
}

.related-title {
  font-size: 14px;
  font-weight: bold;
  color: green;
  margin-bottom: 8px;
  border-bottom: 1px solid green;
  padding-bottom: 4px;
}

.related-section a {
  text-decoration: none;
  color: #006400;
  font-weight: bold;
}