/*
 * Design tokens mirrored from the XONIKOps plugin's own Design System
 * (src/UI/DesignSystem/tokens.css, "Warm Canvas") — copied, not shared
 * at runtime: this theme runs on a separate WordPress install from the
 * plugin, so there is no live file to @import across that boundary.
 * Values are kept identical on purpose, so this marketing site and the
 * real product screenshots it shows feel like the same product, not two
 * different brands. Only the tokens this theme actually uses are copied
 * here — this is not the full plugin palette (no section-accent scale,
 * no sidebar-nav aliases, none of which a marketing page needs).
 *
 * If the plugin's own tokens.css ever changes these values, this file
 * needs a matching manual update — there is no automated sync between
 * two separate WordPress installs/repos.
 */

:root {
	--wpops-primary: #2563eb;
	--wpops-primary-hover: #1d4ed8;
	--wpops-secondary: #57534e;
	--wpops-background: #faf9f7;
	--wpops-surface: #ffffff;
	--wpops-border: #e7e5e4;
	--wpops-border-strong: #d6d3d0;
	--wpops-text: #1c1917;
	--wpops-muted: #78716c;
	--wpops-success: #16a34a;
	--wpops-warning: #b45309;
	--wpops-danger: #dc2626;
	--wpops-info-tint: #eff6ff;
	--wpops-warning-tint: #fffbeb;

	/* Feature-page accent per module, matching the plugin's own section
	   accents (src/UI/DesignSystem/tokens.css) so a page's own accent
	   agrees with the color that module's sidebar section uses in the
	   product itself. --wpops-accent-projects was #7c3aed (violet) here
	   before this pass -- that matched the plugin's PRE-2026-09-09
	   Vendors accent, not Projects; the 2026-09-09 IA consolidation
	   moved violet to Partners (Vendors+Resellers, --xk-accent-5) and
	   gave Work (Tasks+Projects) its own rose (--xk-accent-3). Corrected
	   here to keep matching the real product rather than a stale value.
	   --wpops-accent-billing and --wpops-accent-portals have no current
	   1:1 plugin sidebar section to match (Billing has no dedicated
	   section; Portals isn't a top-level section) -- picked from the
	   IA consolidation's own explicitly-"free for reassignment" tokens
	   instead of inventing an unrelated hex. */
	--wpops-accent-crm: #6366f1;
	--wpops-accent-bookings: #4d7c0f;
	--wpops-accent-projects: #e11d48;
	--wpops-accent-marketing: #0284c7;
	--wpops-accent-support: #db2777;
	--wpops-accent-ai: #0891b2;
	--wpops-accent-partners: #7c3aed;
	--wpops-accent-billing: #059669;
	--wpops-accent-portals: #475569;
	--wpops-accent-reports: #166534;

	--wpops-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--wpops-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

	--wpops-space-1: 4px;
	--wpops-space-2: 8px;
	--wpops-space-3: 12px;
	--wpops-space-4: 16px;
	--wpops-space-5: 24px;
	--wpops-space-6: 32px;
	--wpops-space-8: 48px;
	--wpops-space-10: 64px;
	--wpops-space-12: 96px;

	--wpops-radius-sm: 4px;
	--wpops-radius-md: 8px;
	--wpops-radius-lg: 12px;
	--wpops-radius-full: 999px;

	--wpops-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
	--wpops-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.10);
	--wpops-shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.16);

	--wpops-border-width: 1px;
	--wpops-transition-fast: 120ms ease;

	--wpops-focus-ring-color: var(--wpops-primary);
	--wpops-focus-ring-width: 2px;
	--wpops-focus-ring-offset: 2px;

	--wpops-container-max: 1120px;
	--wpops-container-narrow: 760px;
}