/*
|--------------------------------------------------------------------------
| WYSIWYG Text Style Classes
|--------------------------------------------------------------------------
| These classes can be applied to selected text inside the paragraph
| block's WYSIWYG editor. Each class appears in the "Text style"
| dropdown of the editor toolbar.
|
| To add a new style: define the class here and add a matching
| <option> in create.blade.php (search for "wysiwyg-class-select").
*/

/* --- Highlight colors --- */
.wys-highlight-yellow {
    background-color: #fef08a;
}
.wys-highlight-green {
    background-color: #bbf7d0;
}
.wys-highlight-red {
    background-color: #fecaca;
}
.wys-highlight-blue {
    background-color: #bfdbfe;
}

/* --- Text colors --- */
.wys-text-red {
    color: #dc2626;
}
.wys-text-blue {
    color: #2563eb;
}
.wys-text-green {
    color: #16a34a;
}
.wys-text-gray {
    color: #6b7280;
}

/* --- Font styles --- */
.wys-small {
    font-size: 0.8em;
}
.wys-large {
    font-size: 1.25em;
}
.wys-uppercase {
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.wys-code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    background-color: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 0.25rem;
    padding: 0.1em 0.35em;
    font-size: 0.9em;
}
.wys-badge {
    display: inline-block;
    background-color: #4f46e5;
    color: #ffffff;
    border-radius: 9999px;
    padding: 0.1em 0.6em;
    font-size: 0.8em;
    font-weight: 600;
}