:root {
    --font-savoy-roman: 'Savoy Roman';
    --font-sweet-sans-mediumsc: 'Sweet Sans MediumSC';

    --theme-color-cream: #ccc7b2;
    --theme-color-brown: #3f2c20;
    --theme-color-dark-green: #2c3028;
}

.editor-styles-wrapper {
    color: var(--theme-color-cream);
    background-color: var(--theme-color-brown);
}

.entry-content p,
.editor-styles-wrapper p {
    margin-bottom: 1.5rem;
    
    font-family: var(--font-savoy-roman);
    font-size: 16px;
    line-height: 30px;
}

.entry-content p.is-style-savoy-roman-22,
.editor-styles-wrapper p.is-style-savoy-roman-22 {
    font-family: var(--font-savoy-roman);
    font-size: 22px;
    line-height: 40px;
}

.entry-content p.is-style-savoy-roman-18,
.editor-styles-wrapper p.is-style-savoy-roman-18 {
    font-family: var(--font-savoy-roman);
    font-size: 18px;
    line-height: 32px;
}

.entry-content p.is-style-sweet-sans-12,
.editor-styles-wrapper p.is-style-sweet-sans-12 {
    font-family: var(--font-sweet-sans-mediumsc);
    font-size: 12px;
    letter-spacing: 3px;
    line-height: 32px;
}

.entry-content p.underline-links a {
    padding-bottom: 8px;
    border-bottom: 1px solid var(--theme-color-cream);

    font-size: 10px;
}