body {
    --font-family: 'Open Sans', sans-serif;
    --font-size: 12pt;
    --text: #333;
    --background: #fff;
    --font-heading: 'Poppins', sans-serif;
    --font-code: 'Roboto Mono', monospace;
    /*  border color */
    --border: 1px solid #ccc;
    /* horizontal line */
    --hr_border: 1px solid rgba(0, 0, 0, 0.1);
    /*  links */
    --link_text: #0d509e;
    --link_hover_text: #4a90e2;
    --link_decoration: none;
    --link_hover_decoration: underline;
    --link_in_p_text: var(--link_text);
    --link_in_p_decoration: none;
    
    /*  header */
    --hdr_font: 1.5em Montserrat, sans-serif;
    --hdr_background: #4a90e2;
    --hdr_border: var(--border);
    --hdr_color: #ffffff;
    --hdr_hover_color: gold;
    --hdr_btn_background: #abcce9;
    --hdr_btn_color: var(--hdr_color);
    --hdr_btn_border: 1px solid var(--hdr_color);
    /*  footer */
    --ftr_font: 0.8em Montserrat, sans-serif;
    --ftr_background: var(--hdr_background);
    --ftr_border: var(--hdr_border);
    --ftr_color: var(--hdr_color);
    --ftr_hover_color: var(--hdr_hover_color);

    /*  sidebar */
    --sb_background: #f8f9fa;
    --sb_text: var(--text);
    --sb_link_text: var(--text);
    --sb_link_hover_background: inherit;
    --sb_link_hover_decoration: var(--link_hover_decoration);
    --sb_link_hover_text: var(--link_hover_text);
    --sb_hr_border: var(--hr_border);
    --sb_font_size: 0.9em;
    --sb_line_height: 1.1rem;
    --sb_right_border: 2px solid #ccc;

    /* boxes */
    --infobox-background: #dee2e6;
    --infobox-text: #333;
    --warningbox-background: #fad5a5;
    --warningbox-text: #333;
    --dangerbox-background: #f89a7d;
    --dangerbox-text: #333;

    /*  Table of Contents */
    --toc_background: #f8f9fa;
    --toc_text: var(--text);
    --toc_link_text: var(--text);
    --toc_border: var(--border);
    --toc_link_hover_decoration: var(--link_hover_decoration);
    --toc_link_hover_text: var(--link_hover_text);

    --search-found-background: #ffff13;
}