/*
Theme Name: Recentic
Description: Reading list theme for Recentic.
Template: generatepress
Version: 1.0.0
Text Domain: recentic
License: GNU General Public License v2 or later
*/

:root {
	--rc-bg: #f7f3ea;
	--rc-surface: #fffdf8;
	--rc-ink: #2b2420;
	--rc-muted: #6f655c;
	--rc-rule: #e4dccd;
	--rc-accent: #9a3d12;
	--rc-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--rc-serif: Georgia, "Times New Roman", serif;
}

body {
	background: var(--rc-bg);
	color: var(--rc-ink);
	font-family: var(--rc-font);
	line-height: 1.6;
}

a { color: var(--rc-accent); }
a:hover, a:focus { color: var(--rc-ink); }

.site-header,
.inside-article,
.sidebar .widget,
.page-header,
.paging-navigation,
.site-info {
	background: var(--rc-surface);
}

.site-header { border-bottom: 1px solid var(--rc-rule); }
.main-title a, .main-title a:hover {
	color: var(--rc-ink);
	font-family: var(--rc-serif);
	font-weight: 700;
	letter-spacing: .04em;
}
.site-description { color: var(--rc-muted); }

/* Lista: kompakta poster, en per rad, som en läslista */
.blog .inside-article,
.archive .inside-article,
.search .inside-article {
	padding: 1.1rem 1.4rem;
	border-bottom: 1px solid var(--rc-rule);
}
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article { margin-bottom: 0; }

.entry-title {
	font-family: var(--rc-serif);
	font-size: 1.3rem;
	line-height: 1.3;
}
.blog .entry-title a,
.archive .entry-title a,
.search .entry-title a { color: var(--rc-ink); text-decoration: none; }
.blog .entry-title a:hover,
.archive .entry-title a:hover,
.search .entry-title a:hover { color: var(--rc-accent); }

.rc-source {
	display: inline-block;
	margin-top: .25rem;
	font-size: .85rem;
	color: var(--rc-muted);
}

.entry-meta { color: var(--rc-muted); font-size: .85rem; }
.entry-summary { color: var(--rc-ink); font-size: .95rem; }
.blog .post-image img,
.archive .post-image img { border-radius: 4px; }

.rc-archived-note {
	color: var(--rc-muted);
	font-style: italic;
}

.site-info {
	color: var(--rc-muted);
	font-size: .85rem;
	border-top: 1px solid var(--rc-rule);
}