/* WorkScout 360 design tokens. Scoped to plugin containers so the theme is never affected. */
.ws360-app,
.ws360-admin {
	/* Colour */
	--ws360-ink: #0b1b33;
	--ws360-ink-2: #12284a;
	--ws360-ink-3: #1e3558;
	--ws360-slate: #4a5568;
	--ws360-quiet: #667085;
	--ws360-ground: #f6f7f9;
	--ws360-surface: #ffffff;
	--ws360-line: #e4e7ec;
	--ws360-line-2: #d0d5dd;
	--ws360-line-soft: #eef0f3;
	--ws360-teal: #0f766e;
	--ws360-teal-dark: #115e59;
	--ws360-teal-bright: #5eead4;
	--ws360-teal-50: #e6f4f2;
	--ws360-amber: #b45309;
	--ws360-amber-dark: #93370d;
	--ws360-amber-50: #fef6e7;
	--ws360-red: #b42318;
	--ws360-red-dark: #912018;
	--ws360-red-50: #fef0ee;
	--ws360-green: #067647;
	--ws360-green-dark: #05603a;
	--ws360-green-50: #e8f5ee;
	--ws360-blue-dark: #1849a9;
	--ws360-blue-50: #eef4ff;
	--ws360-purple-dark: #5925dc;
	--ws360-purple-50: #f4f0ff;

	/* Type */
	--ws360-font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--ws360-font-display: "Plus Jakarta Sans", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

	/* Shape and space (8 px grid) */
	--ws360-r-control: 10px;
	--ws360-r-card: 16px;
	--ws360-r-pill: 999px;
	--ws360-s-1: 4px;
	--ws360-s-2: 8px;
	--ws360-s-3: 12px;
	--ws360-s-4: 16px;
	--ws360-s-5: 24px;
	--ws360-s-6: 32px;
	--ws360-s-7: 48px;
	--ws360-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
	--ws360-focus: 0 0 0 2px #ffffff, 0 0 0 4px #0f766e;
	--ws360-tap: 44px;
}