/* Make editor text readable */
.ck-editor__editable,
.ck-content {
    color: #111; /* darker text */
    background: #fff; /* white canvas */
    font-size: 16px;
    line-height: 1.6;
}

/* Optional: visible placeholder */
.ck .ck-placeholder::before {
    color: #9aa0a6;
}

/* Slightly brighter toolbar */
:root {
    --ck-color-text: #111;
    --ck-color-base-foreground: #111; /* affects labels/icons */
    --ck-color-base-background: #ffffff;
    --ck-color-toolbar-background: #f7f7f9;
    --ck-color-toolbar-border: #e5e7eb;
}

/* Make the editable area feel roomy */
.ck-editor__editable_inline {
    min-height: 320px;
    padding: 14px 16px;
}


/* If your global CSS forces gray on everything, neutralize it here */
.ck-content p,
.ck-content li,
.ck-content blockquote,
.ck-content h1,
.ck-content h2,
.ck-content h3 {
    color: #111 !important;
}

.ck-content img {
    width: 100%;
    height: auto;
}

/*markers*/
.marker-green { background-color: #90EE90; }
.marker-red { background-color: #FA8072; }
.marker-blue { background-color: #87CEFA; }
.marker-orange { background-color: #FFA500; }
.marker-yellow { background-color: #FFFF00; }

/*pens*/
.pen-red {
    color: #ff0000 !important;
    background: transparent !important;
}
.pen-blue {
    color: #0000ff !important;
    background: transparent !important;
}
.pen-green {
    color: #008000 !important;
    background: transparent !important;
}
.pen-orange {
    color: #ff8c00 !important;
    background: transparent !important;
}
.pen-yellow {
    color: #FFD700 !important;
    background: transparent !important;
}