body {
    --color-pbt-background: #eaeaea;
    --color-pbt-title: #ee731f;
    --color-highlighter: #ccff33;
    --color-pbt-grey: #c8c9c7
}


/* Colors */
.has-pbt-title-color {
    color: var(--color-pbt-title);
}

.has-pbt-title-background-color {
    background-color: var(--color-pbt-title)
}

.has-highlighter-color {
    color: var(--color-highlighter);
}

.has-highlighter-background-color {
    background-color: var(--color-highlighter)
}

.has-pbt-grey-color {
    color: var(--color-pbt-grey);
}

.has-pbt-grey-background-color {
    background-color: var(--color-pbt-grey)
}


/* Font sizes */
.has-small-font-size {
    font-size: .8125em;
}

.has-normal-font-size {
    font-size: 1em;
}

.has-medium-font-size {
    font-size: 1.25em;
}

.has-large-font-size {
    font-size: 2.25em;
}

.has-huge-font-size {
    font-size: 2.625em;
}


/* Global styles - editor + actual page */
.editor-styles-wrapper * li {
    margin: 0.8rem 10px 0
}

.editor-styles-wrapper * li:last-child {
    margin-bottom: 0.8rem;
}


/* Custom styles */
.pbt-box {
    padding: 20px;
}