/* Modify to your preferences */
.post-preview {
border-bottom: 1px solid var(--code);
margin-bottom: 2em;
}
body {
    font-family: var(--font_transitional_ui);
}
/* Light mode */
:root {
	--site-header: #f44242 ;
	--site-title p-name u-url: #f44242;
    --post-title p-name: #f44242;
    --text: #000000;
	--link: #f44242;
	--link_visited: #f44242;
	--accent1: #333333;
	--accent2: #666666;
	--background: #ffffff;
	--code: #e3e3e3;
	--button-text: #f44242;
	--blockquote: #fffee0;
	--blockquote-border: #e5d600;
	--aside: #e0f7fa;
	--aside-border: #0097a7;
	--note: #e8f5e9;
	--note-border: #d5e1d6;
	--alert: #ffebee;
	--alert-border: #d32f2f;
	--field: #fffee0;
	--mark: #FFFF99;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
	:root {
		--site-header: #f44242;
		--site-title p-name u-url: #f44242;
    	--post-title p-name: #f44242;
        --text: #FFFFFF;
		--link: #f44242;
		--link_visited: #f44242;
		--accent1: #f8f8f2;
		--accent2: #f8f8f2;
		--background: #282a36;
		--code: #44475a;
		--button-text: #f44242;
		--blockquote: #44475a;
		--blockquote-border: #6272a4;
		--aside: #6272a4;
		--aside-border: #7797b7	;
		--note: #3f444a;
		--note-border: #4f545a;
		--alert: #ff5555;
		--alert-border: #ff6e6e;
		--field: #44475a;
		--mark: #FFFF99;