/*
 * Lovelands Honey - default styling for native WordPress blocks.
 *
 * Loaded two ways:
 *  1. As an editor style, inside the block editor's preview iframe, via
 *     add_theme_support('editor-styles') + add_editor_style() in
 *     lovelands-site-tweaks.php.
 *  2. As a front-end stylesheet, but only on singular content that
 *     actually contains blocks (has_blocks() check before enqueue), so it
 *     never loads on pages that are pure Oxygen.
 *
 * Selectors are scoped to WordPress's own block classes (.wp-block-*,
 * .wp-block-heading, .wp-block-button__link) which only ever appear on
 * markup the block editor rendered - Oxygen's own elements never carry
 * them - so this cannot bleed into Oxygen-built sections of any page.
 * On the existing blog template, Oxygen's own '.post-body h2' etc. rules
 * are more specific than the plain tag rules here and continue to win,
 * so this file only actually takes over on content with no .post-body
 * wrapper, i.e. a future page built entirely in the block editor.
 */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600&family=Nunito:wght@400;800&display=swap');

body {
    background-color: #FFFDF7;
    color: #5C6B66;
    font-family: 'Nunito', sans-serif;
    font-size: 15.5px;
    line-height: 25.58px;
}

p,
.wp-block-paragraph {
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    font-size: 15.5px;
    line-height: 25.58px;
    color: #5C6B66;
}

h1.wp-block-heading,
h2.wp-block-heading {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    color: #45564F;
}

h1.wp-block-heading {
    font-size: 58px;
    line-height: 60.9px;
    letter-spacing: 0.29px;
}

h2.wp-block-heading {
    font-size: 42px;
    line-height: 47px;
    letter-spacing: 0.21px;
}

h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading {
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    color: #45564F;
}

h3.wp-block-heading {
    font-size: 21px;
    line-height: 1.3;
}

a {
    color: #BE7F32;
}

a:hover,
a:focus {
    color: #A76D29;
}

blockquote.wp-block-quote {
    border-left: 3px solid #F2BE5B;
    padding-left: 28px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 1.45;
    color: #3C4F4B;
}

/* Core Button block default appearance, matches the built site's .btn-primary */
.wp-block-buttons .wp-block-button__link,
.wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: #BE7F32;
    color: #FFFFFF;
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    border: 1.8px solid transparent;
    border-radius: 999px;
    padding: 18px 28px;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.wp-block-buttons .wp-block-button__link:hover,
.wp-block-buttons .wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus {
    background-color: #A76D29;
    color: #FFFFFF;
}