.theme-chalkboard {
  font-family: 'Comic Sans MS', 'Chalkboard SE', cursive;
  background: #1a3a1a;
  color: #f5f5dc;

  .window {
    background: #2d4a2d;
    border-color: #8b7355;
    box-shadow: 
      inset 0 0 100px rgba(0, 0, 0, 0.3),
      0 4px 15px rgba(0, 0, 0, 0.5);
  }

  .title-bar {
    background: #8b7355;
    color: #f5f5dc;
    text-align: center;
    font-weight: bold;
    border-bottom: 3px solid #6d5a45;
  }

  fieldset {
    border-color: rgba(245, 245, 220, 0.5);
    background: rgba(26, 58, 26, 0.3);
  }

  legend {
    color: #f5f5dc;
    text-transform: uppercase;
    font-weight: bold;
  }

  button {
    background: rgba(245, 245, 220, 0.15);
    border-color: #f5f5dc;
    color: #f5f5dc;
    font-family: 'Comic Sans MS', 'Chalkboard SE', cursive;
    text-transform: uppercase;
    &:hover {
      background: rgba(245, 245, 220, 0.25);
      box-shadow: 0 0 10px rgba(245, 245, 220, 0.3);
    }
  }

  .chart-display,
  .dice-display {
    background: rgba(26, 58, 26, 0.5);
    border-color: rgba(245, 245, 220, 0.4);
  }

  .title {
    color: #f5f5dc;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  }

  .subtitle {
    color: #e8e8c8;
  }

  .tab-button {
    background: rgba(245, 245, 220, 0.15);
    border-color: #f5f5dc;
    color: #f5f5dc;
    text-transform: uppercase;
    &:hover {
      background: rgba(245, 245, 220, 0.25);
      transform: translateY(-2px);
    }
  }

  .back-button {
    background: rgba(245, 245, 220, 0.15);
    border-color: #f5f5dc;
    color: #f5f5dc;
    &:hover {
      background: rgba(245, 245, 220, 0.25);
    }
  }

  h1 {
    color: #f5f5dc;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  }

  h2 {
    color: #e8e8c8;
    text-decoration: underline;
  }

  h3 {
    color: #f5f5dc;
  }

  p,
  li {
    color: #f5f5dc;
    line-height: 1.6;
  }

  .point {
    fill: #ffeb3b;
    stroke: #ffeb3b;
  }

  svg line,
  svg text {
    stroke: rgba(245, 245, 220, 0.7);
    fill: rgba(245, 245, 220, 0.7);
  }
}