/* در style.css پوسته و همچنین در editor-style.css (مرحله ۲) */

.highlighted-text-option1 {
  background-color: #fff3cd; /* زرد روشن */
  padding: 0.2em 0.4em;
  border-left: 3px solid #ffeeba;
  color: #856404;
  display: inline; /* یا block اگر می‌خواهید کل پاراگراف را بگیرد */
  border-radius: 3px;
}

.highlighted-text-option2 {
  background-color: #e2e3e5; /* خاکستری روشن */
  padding: 0.2em 0.4em;
  border: 1px dashed #adb5bd;
  color: #495057;
  font-family: monospace;
  display: inline;
  border-radius: 3px;
}

.highlighted-text-option3 {
  background-color: #d1ecf1; /* آبی روشن */
  padding: 0.2em 0.4em;
  border-bottom: 2px solid #bee5eb;
  color: #0c5460;
  font-style: italic;
  display: inline;
}

/* استایل برای نمایش در بخش کاربری سایت */
/* .site-content .highlighted-text-option1 { ... } اگر نیاز به انتخابگر دقیق‌تر دارید */