/* EasyMDE dark mode overrides for Orbit design system */

/* Editor area */
.dark .EasyMDEContainer .CodeMirror {
  background-color: var(--color-card);
  color: var(--color-foreground);
  border-color: var(--color-border);
  border-bottom-left-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
}

.dark .EasyMDEContainer .CodeMirror-cursor {
  border-left-color: var(--color-foreground);
}

.dark .EasyMDEContainer .CodeMirror-selected {
  background: var(--color-primary-subtle);
}

.dark .EasyMDEContainer .CodeMirror-focused .CodeMirror-selected {
  background: var(--color-primary-subtle);
}

/* Gutter */
.dark .EasyMDEContainer .CodeMirror-gutters {
  background-color: var(--color-card);
  border-right-color: var(--color-border);
}

/* Toolbar */
.dark .EasyMDEContainer .editor-toolbar {
  background-color: var(--color-card);
  border-color: var(--color-border);
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
}

.dark .EasyMDEContainer .editor-toolbar button {
  color: var(--color-muted-foreground) !important;
}

.dark .EasyMDEContainer .editor-toolbar button:hover {
  background-color: var(--color-muted);
  color: var(--color-foreground) !important;
}

.dark .EasyMDEContainer .editor-toolbar button.active {
  background-color: var(--color-primary-subtle);
  color: var(--color-primary) !important;
}

.dark .EasyMDEContainer .editor-toolbar i.separator {
  border-left-color: var(--color-border);
  border-right-color: transparent;
}

/* Toolbar tooltips */
.dark .EasyMDEContainer .editor-toolbar .easymde-dropdown {
  background-color: var(--color-card);
  border-color: var(--color-border);
}

/* Placeholder text */
.dark .EasyMDEContainer .CodeMirror .CodeMirror-placeholder {
  color: var(--color-muted-foreground);
}

/* Markdown syntax highlighting in editor */
.dark .EasyMDEContainer .cm-header {
  color: var(--color-primary);
}

.dark .EasyMDEContainer .cm-strong {
  color: var(--color-foreground);
}

.dark .EasyMDEContainer .cm-em {
  color: var(--color-foreground);
}

.dark .EasyMDEContainer .cm-link {
  color: var(--color-accent);
}

.dark .EasyMDEContainer .cm-url {
  color: var(--color-muted-foreground);
}

.dark .EasyMDEContainer .cm-comment {
  color: var(--color-muted-foreground);
}

.dark .EasyMDEContainer .cm-tag {
  color: var(--color-success);
}

.dark .EasyMDEContainer .cm-quote {
  color: var(--color-muted-foreground);
  font-style: italic;
}

/* General styling overrides (light + dark) */
.EasyMDEContainer .editor-toolbar {
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
  padding: 4px;
}

.EasyMDEContainer .CodeMirror {
  border-bottom-left-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
  font-family: var(--font-mono);
  font-size: 0.875rem;
  line-height: 1.625;
  min-height: 100px;
}

.EasyMDEContainer .editor-toolbar button {
  width: 28px;
  height: 28px;
  border-radius: var(--radius-sm);
}

/* Focus ring on editor */
.EasyMDEContainer .CodeMirror-focused {
  outline: none;
  border-color: var(--color-ring);
  box-shadow: 0 0 0 2px var(--color-ring);
}