/* Invert SVG colors in dark mode */
.dark .ql-snow svg {
	filter: invert(1); /* Invert the colors for dark mode */
}

.dark .ql-toolbar {
	background-color: #3f3f46; /* Toolbar background */
	border-color: #3f3f46; /* Toolbar border */
	border-top-left-radius: 0.5rem; /* Top left radius for toolbar */
	border-top-right-radius: 0.5rem; /* Top right radius for toolbar */
}

.dark .ql-container {
	background-color: #18181b; /* Editor background */
	color: #e4e4e7; /* Text color */
	border-color: #3f3f46; /* Border color */
}

/* .quill-div a,
.quill-div p a,
.quill-div b a { color: #398ceb; }
.quill-div a:hover,
.quill-div p a:hover,
.quill-div b a:hover { color: #256aeb; }
.dark .quill-div a,
.dark .quill-div p a,
.dark .quill-div b a { color: #398ceb; }
.dark .quill-div a:hover,
.dark .quill-div p a:hover,
.dark .quill-div b a:hover { color: #7dd3fc; } */

 .quill-div a {
  color: #2563eb;
}

.quill-div a:hover {
  color: #1d4ed8;
  text-decoration: none;
}

.dark .quill-div a {
  color: #60a5fa;
}

.dark .quill-div a:hover {
  color: #3b82f6;
} 

.quill-div p { color: #27272a; }
.dark .quill-div p { color: #a1a1aa; }
.quill-div strong { color: #3f3f46; }
.dark .quill-div strong { color: #a1a1aa; }
.quill-div li { color: #27272a }
.dark .quill-div li { color: #a1a1aa }

.quill-div blockquote { color: #3f3f46; border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}
.dark .quill-div blockquote {color: #a1a1aa; border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}

.quill-div h1 { color: #18181b; font-size: 2em; }
.quill-div h2 { color: #18181b; font-size: 1.5em; }
.quill-div h3 { color: #18181b; font-size: 1.17em; }
.quill-div h4 { color: #18181b; font-size: 1em; }
.quill-div h5 { color: #18181b; font-size: .83em; }
.quill-div h6 { color: #18181b; font-size: .67em; }
.dark .quill-div h1 { color: #d4d4d8; font-size: 2em; }
.dark .quill-div h2 { color: #d4d4d8; font-size: 1.5em; }
.dark .quill-div h3 { color: #d4d4d8; font-size: 1.17em; }
.dark .quill-div h4 { color: #d4d4d8; font-size: 1em; }
.dark .quill-div h5 { color: #d4d4d8; font-size: .83em; }
.dark .quill-div h6 { color: #d4d4d8; font-size: .67em; }
.quill-div .ql-size-small { color: #18181b; font-size: 12px; }
.quill-div .ql-size-large { color: #18181b; font-size: 24px; }
.quill-div .ql-size-huge { color: #18181b; font-size: 34px; }
.dark .quill-div .ql-size-small { color: #e4e4e7; font-size: 16px; }
.dark .quill-div .ql-size-large { color: #e4e4e7; font-size: 24px; }
.dark .quill-div .ql-size-huge { color: #e4e4e7; font-size: 34px; }


.quill-div .ql-align-center { text-align: center; }
.quill-div .ql-indent-1 { padding-left: 2.5rem }
.quill-div .ql-indent-2 { padding-left: 5rem }
.quill-div .ql-indent-3 { padding-left: 7.5rem }
.quill-div .ql-indent-4 { padding-left: 10rem }

/* .quill-div .ql-ui::before { margin-left: 2.5rem } */

.quill-div [data-list="ordered"] {
    list-style-type: decimal;
    margin-left: 2.5em;
}
.quill-div [data-list="bullet"] {
	list-style-type: disc;
    margin-left: 2.5em;
}
.quill-div [data-list="checked"]::before, .ql-editor [data-list="checked"]::before {
    content: '✓';
	padding-left: 1.2em;
    padding-right: 0.5em;
}

.dark .ql-toolbar .ql-picker-label:hover {
	color: var(--text-color);
}