/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Proposal box styling with dark mode support */
.proposal-box {
  background-color: rgb(240 253 244); /* bg-green-50 */
  border-color: rgb(187 247 208); /* border-green-200 */
  color: rgb(20 83 45); /* text-green-900 */
}

@media (prefers-color-scheme: dark) {
  .proposal-box {
    background-color: rgb(5 46 22); /* bg-green-950 */
    border-color: rgb(22 101 52); /* border-green-800 */
    color: rgb(220 252 231); /* text-green-100 */
  }
}

.dark .proposal-box {
  background-color: rgb(5 46 22); /* bg-green-950 */
  border-color: rgb(22 101 52); /* border-green-800 */
  color: rgb(220 252 231); /* text-green-100 */
}