/* Established: green */
.callout[data-callout="established"] {
  --callout-color: 0, 150, 0;
  --callout-icon: check-circle;   /* ✅ valid Lucide icon */
  background-color: rgba(0, 150, 0, 0.05);
  border-left: 4px solid rgb(0, 150, 0);
}

/* Proposed: blue */
.callout[data-callout="proposed"] {
  --callout-color: 0, 120, 255;
  --callout-icon: lightbulb;      /* ✅ Lucide name is “lightbulb” (no dash) */
  background-color: rgba(0, 120, 255, 0.05);
  border-left: 4px solid rgb(0, 120, 255);
}

/* Speculative: purple */
.callout[data-callout="speculative"] {
  --callout-color: 128, 0, 128;
  --callout-icon: help-circle;    /* ✅ Lucide equivalent of “question-circle” */
  background-color: rgba(128, 0, 128, 0.05);
  border-left: 4px solid rgb(128, 0, 128);
}

/* Code: light grey */
.callout[data-callout="code"] {
  --callout-color: 120, 120, 120;
  --callout-icon: code;
  background-color: rgba(120, 120, 120, 0.06);
  border-left: 4px solid rgb(120, 120, 120);
}

/* CLI: terminal-style grey */
.callout[data-callout="cli"] {
  --callout-color: 90, 90, 90;
  --callout-icon: terminal;
  background-color: rgba(90, 90, 90, 0.06);
  border-left: 4px solid rgb(90, 90, 90);
}