/* 2025-10-03 Chad sets custom fonts for the main body of the text because
 * serif fonts are generally more readable for longer narratives
 */



@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;600;700&display=swap');

body {
    font-family: 'Crimson Pro', Georgia, serif;
    font-size: 2em;
    /* To make the Crimson Pro font a bit larger by default, add the font-size property
     * to the body selector and set it to a value slightly larger than the browser's default
     * (which is usually 16px or 1em).
     */
}

pre, code {
    font-family: Monaco, 'Courier New', monospace;
    font-size: 0.75em;
}

/* All Headers: Sans-Serif (System UI fonts) */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

/* Specific override for Level 4 Headers */
h4 {
    font-weight: bold;
    font-style: italic;
    /* Optional: Adjust color or spacing if needed */
    /* color: #333; */
    /* margin-top: 1em; */
}

/* --- LIST SPACING --- */
/* Double space between list items in the content area */
.content ul li, 
.content ol li {
    margin-bottom: 1em;
}


/* Remove spacing from the last item to keep layout tight */
.content ul li:last-child, 
.content ol li:last-child {
    margin-bottom: 0;
}

/* --- LIST HIGHLIGHTS --- */
/* Color bold terms (and code inside bold terms) within lists */
.content ul li strong,
.content ol li strong,
.content ul li strong code,
.content ol li strong code {
    margin-right: 0.25em;
    color: #D32F2F; /* Deep Crimson Red */

}

/* --- WARNING CALLOUT --- */
.warning-box {
    /* background-color: #fff3cd; */
    background-color: var(--theme-hover); /* Uses the theme's 'hover' color for the box */
    /* color: #856404; */
    /* Removed hard-coded color to inherit from body */
    padding: 15px;
    /* border: 1px solid #ffeeba; */
    border: 1pt solid var(--fg);         /* Uses the theme's main 'foreground' text color */
    border-radius: 5px;
    margin: 1em 0; /* Adds spacing above and below the box */
}

.warning-box strong {
    /* color: #856404 !important; */ /* Overrides your red list-item style if used inside a box */
    /* Removed hard-coded color to inherit from body */
    margin-right: 0.5em;
}