/* Personal Workspace Theme — public-facing site styles.
   The admin application (wp-admin) is styled separately by the plugin —
   see personal-workspace-core/assets/css/admin.css and pw-design-tokens.css.
   This file only covers the normal public WordPress front end (spec
   Section 25: the public site and the private dashboard remain separate). */

:root {
	--pw-primary: #198352;
	--pw-text: #1f2933;
	--pw-muted: #6b7785;
	--pw-border: #e4e7eb;
	--pw-bg: #f7f9f8;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	color: var(--pw-text);
	background: #fff;
	line-height: 1.6;
}

a { color: var(--pw-primary); }

.site-header {
	display: flex; align-items: center; justify-content: space-between;
	padding: 16px 24px; border-bottom: 1px solid var(--pw-border);
}
.site-header .site-title { font-weight: 700; font-size: 18px; }
.main-navigation ul { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; }
.main-navigation a { text-decoration: none; color: var(--pw-text); font-size: 14px; }

.site-main { max-width: 780px; margin: 0 auto; padding: 40px 20px; }

.site-footer {
	text-align: center; padding: 24px; color: var(--pw-muted); font-size: 13px;
	border-top: 1px solid var(--pw-border); margin-top: 40px;
}

@media (max-width: 640px) {
	.site-header { flex-direction: column; gap: 10px; }
	.main-navigation ul { flex-wrap: wrap; justify-content: center; }
}