@import "./alias.css";
@import "./components.css";
@import "./foundations.css";
@import "./typography.css";
@import "./content-blocks/index.css";
@import "./pages/index.css";
@import "./components/index.css";
@import './DesignSystemApp/index.css';

body {
    display: grid;
    grid-template-columns: 250px 5fr;
    background-color: var(--background-dark) !important;
}


#tinymce {
    color: #FFF;
    display: block;
}

.mce-edit-area {
    width: 100% !important; /* Ensure the edit area is full width */
    max-width: none !important; /* Remove any max-width restrictions */
}

p {
    margin: 0; /* Optional: reset paragraph margins */
}