/* Shared neutral "standards body" stylesheet for wikiwe-site and uruleu-site.
   Deliberately plain and distinct from Ricardiam's own product skin — these
   are neutral protocol/institute sites, not a commercial platform. Per-site
   distinction comes only from --accent (set inline per page) and content. */

:root {
	--accent: #2f5d50;
	--ink: #1c1c1a;
	--muted: #5a5a55;
	--paper: #fafaf7;
	--surface: #ffffff;
	--border: #e2e0d8;
	--max-width: 42rem;
}

* { box-sizing: border-box; }

html { color-scheme: light dark; }

body {
	margin: 0;
	font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
	color: var(--ink);
	background: var(--paper);
	line-height: 1.6;
}

a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
a:hover { text-decoration: none; }

.site-header {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.25rem 1.5rem;
	border-bottom: 1px solid var(--border);
	background: var(--surface);
}

.site-header__brand a {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--ink);
	text-decoration: none;
}

.site-header__brand .tagline {
	display: block;
	font-size: .8rem;
	color: var(--muted);
	font-weight: 400;
}

.site-nav { display: flex; flex-wrap: wrap; gap: 1.1rem; font-size: .9rem; }
.site-nav a { color: var(--ink); text-decoration: none; }
.site-nav a:hover { color: var(--accent); text-decoration: underline; }

.content {
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 2.5rem 1.5rem 4rem;
}

.content h1 { font-size: 1.9rem; margin-top: 0; }
.content h2 { font-size: 1.35rem; margin-top: 2.25rem; }
.content h3 { font-size: 1.1rem; margin-top: 1.75rem; }

.content blockquote {
	margin: 1.5rem 0;
	padding: .25rem 1rem;
	border-left: 3px solid var(--accent);
	color: var(--muted);
	background: var(--surface);
}

.content code { background: var(--surface); padding: .1rem .3rem; border-radius: 3px; font-size: .9em; }

.site-footer {
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 1.5rem 1.5rem 3rem;
	color: var(--muted);
	font-size: .85rem;
	border-top: 1px solid var(--border);
}

@media (prefers-color-scheme: dark) {
	:root {
		--ink: #ece9e2;
		--muted: #a3a096;
		--paper: #171715;
		--surface: #1f1f1c;
		--border: #333330;
	}
	.site-header__brand a { color: var(--ink); }
	.site-nav a { color: var(--ink); }
}