/**
 * Perth Leaflet Marketplace — Design tokens
 * ------------------------------------------------------------------
 * Single source of truth for colour, spacing, radius and shadow used
 * across BOTH the theme (site chrome) and this plugin (marketplace UI),
 * so the marketplace looks consistent no matter what theme is active.
 * Reference palette: navy + coral, per approved concept mockups.
 * Enqueued first, before theme.css and marketplace.css.
 */
:root {
	/* Brand */
	--plm-navy-900: #101a30;
	--plm-navy-800: #16233f;
	--plm-navy-700: #1b2a4a;
	--plm-navy-600: #2a3a5c;
	--plm-navy-100: #e8ebf2;
	--plm-coral-600: #e85a3f;
	--plm-coral-500: #ff6b52;
	--plm-coral-400: #ff8a72;
	--plm-coral-100: #ffece7;

	/* Semantic */
	--plm-color-primary: var(--plm-navy-700);
	--plm-color-accent: var(--plm-coral-500);
	--plm-color-accent-hover: var(--plm-coral-600);
	--plm-color-success: #1c8a5a;
	--plm-color-success-bg: #e6f5ee;
	--plm-color-warning: #b8860b;
	--plm-color-warning-bg: #fbf1de;
	--plm-color-danger: #c8402b;
	--plm-color-danger-bg: #fbeae7;
	--plm-color-info-bg: #eef2fb;

	/* Neutrals */
	--plm-ink: #16233f;
	--plm-ink-soft: #4a5568;
	--plm-ink-muted: #6b7280;
	--plm-border: #e2e5eb;
	--plm-border-strong: #cbd2df;
	--plm-surface: #ffffff;
	--plm-surface-alt: #f7f8fb;
	--plm-surface-tint: #f1f3f8;

	/* Type */
	--plm-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--plm-font-heading: var(--plm-font-body);

	/* Shape */
	--plm-radius-sm: 6px;
	--plm-radius-md: 12px;
	--plm-radius-lg: 18px;
	--plm-radius-pill: 999px;

	/* Shadow (subtle, per design brief) */
	--plm-shadow-sm: 0 1px 2px rgba(16, 26, 48, 0.06);
	--plm-shadow-md: 0 4px 16px rgba(16, 26, 48, 0.08);
	--plm-shadow-lg: 0 12px 32px rgba(16, 26, 48, 0.12);

	/* Layout */
	--plm-container: 1180px;
	--plm-gap: 24px;
}

@media (prefers-color-scheme: dark) {
	/* Marketplace UI intentionally stays on a light surface even in dark mode —
	   it reads as a document/dashboard (forms, tables, photos) rather than chrome,
	   and print/photo-heavy job cards lose contrast fastest on dark surfaces. */
}