/* Light mode styles */
.solution > * {
  fill: #d6eaf8 !important;
  stroke: #3498db !important;
  stroke-width: 2px !important;
}
.contradiction > * {
  fill: #fadbd8 !important;
  stroke: #e74c3c !important;
  stroke-width: 3px !important;
}

/* Dark mode styles */
.quarto-dark {
  .solution > * {
    fill: #153d58 !important;
    stroke: #3498db !important;
  }
  .contradiction > * {
    fill: #5c1e18 !important;
    stroke: #e74c3c !important;
  }
}