/* ArtPlate blog style presets.
 * Add a new data-template rule to create another article style.
 */

.artplate-demo-article[data-template="default"] {
}

.artplate-demo-article[data-template="compact"] {
	--article-page-width: 68rem;
	--article-content-width: 52rem;
	--article-prose-width: 40rem;
	--article-sidebar-width: 16rem;
	--article-template-font-size: 0.95rem;
	--article-template-line-height: 1.5;
	--article-section-space: 2.2rem;
	--article-paragraph-space: 1rem;
}

.artplate-demo-article[data-template="wide"] {
	--article-page-width: 92rem;
	--article-content-width: 68rem;
	--article-prose-width: 48rem;
	--article-sidebar-width: 21rem;
	--article-table-min-width: 54rem;
}

.artplate-demo-article[data-template="minimal"] {
	--article-page-width: 72rem;
	--article-content-width: 54rem;
	--article-prose-width: 42rem;
	--article-sidebar-width: 17rem;
	--article-template-font-size: 1.05rem;
	--article-template-line-height: 1.65;
	--article-section-space: 3.5rem;
	--article-background-soft: #f7f7f7;
	--article-border: #e2e2e2;
}

.artplate-demo-article[data-template="editorial"] {
	--article-page-width: 80rem;
	--article-content-width: 58rem;
	--article-prose-width: 43rem;
	--article-sidebar-width: 18rem;
	--article-gutter: 1.5rem;
	--article-column-gap: 3rem;
	--article-template-font-size: 1.075rem;
	--article-template-line-height: 1.68;
	--article-text-indent: 1.75rem;
	--article-section-space: 3.25rem;
	--article-paragraph-space: 1.4rem;
	--article-table-min-width: 52rem;
	--article-text: #241f1b;
	--article-muted: #6e6259;
	--article-background-soft: #f5f1eb;
	--article-primary: #76543b;
	--article-accent: #a36f47;
	--article-border: #d8cec4;
}