/*
 * 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 light mode - full page overrides */
body.proposal-light {
  background-color: #f8fafc !important;
}

body.proposal-light .bg-slate-950 {
  background-color: #f8fafc !important;
}

body.proposal-light .bg-slate-900 {
  background-color: #ffffff !important;
}

body.proposal-light .bg-slate-800 {
  background-color: #f1f5f9 !important;
}

body.proposal-light .border-slate-800,
body.proposal-light .border-slate-700 {
  border-color: #e2e8f0 !important;
}

body.proposal-light .text-cream {
  color: #1e293b !important;
}

body.proposal-light h1,
body.proposal-light h2,
body.proposal-light h3,
body.proposal-light h4,
body.proposal-light h5,
body.proposal-light h6 {
  color: #1e293b !important;
}

body.proposal-light p,
body.proposal-light li,
body.proposal-light td,
body.proposal-light .text-slate-300 {
  color: #475569 !important;
}

body.proposal-light .text-slate-400 {
  color: #64748b !important;
}

body.proposal-light .text-slate-500 {
  color: #94a3b8 !important;
}

body.proposal-light code {
  background-color: #f1f5f9 !important;
  color: #d97706 !important;
}

body.proposal-light pre code {
  color: #334155 !important;
}

body.proposal-light blockquote {
  color: #64748b !important;
}

body.proposal-light th {
  color: #1e293b !important;
}

body.proposal-light tr {
  border-color: #e2e8f0 !important;
}

body.proposal-light hr {
  border-color: #e2e8f0 !important;
}

body.proposal-light .hover\:bg-slate-700:hover {
  background-color: #e2e8f0 !important;
}

body.proposal-light .bg-emerald-500\/10 {
  background-color: rgba(16, 185, 129, 0.1) !important;
}