/*
Theme Name:        Personal Workspace Theme
Theme URI:         https://example.com/personal-workspace
Author:            Personal Workspace
Author URI:        https://example.com
Description:       Presentation layer for the Personal Workspace system. Provides the visual design system, layout, navigation, and responsive styling for the Personal Workspace admin application (registered by the Personal Workspace Core plugin) plus a minimal, safe public-facing site shell. This theme owns NO application data -- Property/Website/Article/Video/Affiliate/Project data lives entirely in Personal Workspace Core and remains fully intact if this theme is switched or removed. Requires the "Personal Workspace Core" plugin to be active for the admin application itself to appear; this theme works standalone as an ordinary WordPress theme otherwise.
Version:           1.0.0
Requires at least: 6.0
Requires PHP:      7.4
Requires Plugins:  personal-workspace-core
License:           GPL v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       personal-workspace-theme
*/

/* ==========================================================================
   Base front-end styles. The Personal Workspace admin APPLICATION has its
   own stylesheet (assets/css/admin.css in this theme, auto-detected and
   enqueued by the plugin's Admin\Assets class as a design-token refinement
   layer on top of the plugin's own default admin.css). This file below is
   purely for the ordinary public-facing site (spec Section 25: "the public
   website/theme remains separate" from the private management dashboard).
   ========================================================================== */

:root {
	--pw-primary: #198352;
	--pw-primary-dark: #12613d;
	--pw-text: #1f2933;
	--pw-muted: #6b7785;
	--pw-border: #e4e7eb;
	--pw-bg: #f7f9f8;
	--pw-surface: #ffffff;
	--pw-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	font-family: var(--pw-font);
	color: var(--pw-text);
	background: var(--pw-bg);
	line-height: 1.6;
}

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

img { max-width: 100%; height: auto; display: block; }

.pw-site-header {
	background: var(--pw-surface);
	border-bottom: 1px solid var(--pw-border);
	padding: 16px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pw-site-branding {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	text-decoration: none;
	color: var(--pw-text);
}

.pw-site-branding .pw-brand-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--pw-primary);
	display: inline-block;
}

.pw-site-nav ul {
	list-style: none;
	display: flex;
	gap: 20px;
	margin: 0;
	padding: 0;
}

.pw-site-nav a {
	text-decoration: none;
	color: var(--pw-muted);
	font-size: 14px;
}

.pw-site-nav a:hover { color: var(--pw-primary-dark); }

.pw-site-main {
	max-width: 860px;
	margin: 0 auto;
	padding: 40px 24px;
}

.pw-site-main .entry-title { font-size: 28px; margin: 0 0 12px; }
.pw-site-main .entry-content { font-size: 16px; }

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

@media (max-width: 700px) {
	.pw-site-header { flex-direction: column; align-items: flex-start; gap: 10px; }
	.pw-site-nav ul { flex-wrap: wrap; gap: 12px; }
}